html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "local-centry-gothic", sans-serif;
  color: rgb(255, 255, 204);
  min-height: 600px;
  min-width: 1080px;
  background: rgb(40, 30, 20);
}

button {
  font-family: inherit;
  color: inherit;
}

.bg-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 600px;
  min-width: 1080px;
  background-image: url("/images/background-1920x1080.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.text-shadow {
  text-shadow:
    5px 5px 2px rgb(0, 0, 0),
    7px 7px 4px rgb(0, 0, 0),
    9px 9px 6px rgb(0, 0, 0),
    11px 11px 8px rgb(0, 0, 0);
}

.logo_homepage {
  position: absolute;
  font-size: clamp(54px, 4.69vw, 80px);
  background: none;
  border: none;
  left: 5%;
  padding: 0;
  text-align: left;
  align-self: center;
}

.btn_homepage {
  position: absolute;
  font-size: clamp(18px, 1.5vw, 24px);
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
  align-self: center;
}

.btn_homepage:hover {
  color: rgb(51, 255, 255);
}

.page_top_banner {
  position: absolute;
  top: 0;
  width: 100%;
  height: 20%;
  z-index: 10;
  display: flex
}

.btn-self {
  left: 75%;
  text-align: left;
}

.btn-home {
  left: 90%;
}

@font-face {
  font-family: "local-centry-gothic";
  src: url("/fonts/gothic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}





p.style5 {
  font-size: clamp(16px, 1vw, 22px);
  font-weight: normal;
}

p.style6 {
  font-size: clamp(16px, 1vw, 22px);
  color: rgb(51, 255, 255);
  font-weight: normal;
}

p {
  font-size: clamp(16px, 1.2vw, 22px);
}

a {
  font-family: inherit;
  color: rgb(255, 255, 204);
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  font-family: inherit;
  color: rgb(51, 255, 255);
  text-decoration: none;
  cursor: pointer;
}