@import url("https://fonts.googleapis.com/css2?family=Kanit&display=swap");
.text-black {
  color: black !important;
}

.bg-black {
  background-color: black !important;
}

.bg-black-transparency {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.border-black {
  border-color: black !important;
}

.border-2px {
  border-width: 2px !important;
}

body {
  background: #2c3034;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(44, 48, 52, 0.5)), to(#24282c)), url("../img/bg.jpg");
  background: linear-gradient(180deg, rgba(44, 48, 52, 0.5) 0%, #24282c 100%), url("../img/bg.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  color: white;
  font-family: "Kanit", sans-serif;
}

a {
  color: white;
}

a:hover {
  color: white;
}

.navbar-top {
  background: #36353d;
  background: -webkit-gradient(linear, left top, left bottom, from(#36353d), color-stop(50%, #1f1e24), to(#151419));
  background: linear-gradient(180deg, #36353d 0%, #1f1e24 50%, #151419 100%);
  border-bottom: 2px solid red;
}

.navbar-top a,
.navbar-top :hover {
  color: white;
}

.navbar-bottom {
  background: #151419;
  background: -webkit-gradient(linear, left top, left bottom, from(#151419), color-stop(50%, #1f1e24), to(#36353d));
  background: linear-gradient(180deg, #151419 0%, #1f1e24 50%, #36353d 100%);
  border-top: 2px solid red;
}

.navbar-bottom a,
.navbar-bottom :hover {
  color: white;
}

.highlight-border {
  padding: 2px;
  background: red;
  border-radius: 2rem;
}

.highlight-border .highlight {
  background: #2e3136;
  background: -webkit-gradient(linear, left top, left bottom, from(#2e3136), to(#212225));
  background: linear-gradient(180deg, #2e3136 0%, #212225 100%);
  border-radius: 2rem;
}

.highlight-border .border-gradient {
  border-color: red !important;
}

.font-bronze {
  background: -webkit-linear-gradient(90deg, white 0%, #e0e2e4 50%, #989ea3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-sign-in {
  background: red;
  color: white;
}

.btn-sign-in:hover {
  background: rgba(255, 0, 0, 0.7);
  color: white;
}

.btn-black {
  background: #2e3136;
  background: linear-gradient(315deg, #2e3136 0%, #212225 100%);
  color: white;
}

.btn-black:hover {
  background: linear-gradient(315deg, #2e3136 0%, #212225 100%);
  color: white;
}

.bounce {
  animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  -moz-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
  }
  50% {
    opacity: 0.5;
  }
  60% {
    -webkit-transform: translateY(-7px);
  }
}
/*# sourceMappingURL=style.css.map */