@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
/*AVENGER98TH*/
:root {
  --main: #ffe81b;
  --secondary: #00e0ff;
  --shadow: #ffe81b;
}
html,
body {
  width: 100%;
  overflow-x: hidden !important;
  min-height: 100vh !important;
  font-family: "Kanit", sans-serif;
  background: #141525;
  overflow-x: hidden;
}
.btn-main {
  background: linear-gradient(
    90deg,
    var(--main) 0%,
    var(--secondary) 100%
  ) !important;
  box-shadow: -1px -1px 15px 2px var(--shadow) !important;
  border-radius: 20px;
}
.btn-5 {
  border: 0 solid;
  box-shadow: inset 0 0 20px var(--main);
  outline: 1px solid;
  outline-color: var(--main);
  outline-offset: 0px;
  text-shadow: none;
  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px var(--secondary), 0 0 20px var(--secondary);
  outline-color: var(--main);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px var(--shadow);
}
/* Firefox old*/
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* IE */
@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
.bounce:hover {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation: bounce 0.25s infinite alternate;
}

.box:hover {
  -moz-animation: 3s ease 0s normal none infinite swing;
  -moz-transform-origin: center top;
  -webkit-animation: swing 3s infinite ease-in-out;
  -webkit-transform-origin: top;
}

@-moz-keyframes swing {
  0% {
    -moz-transform: rotate(-3deg);
  }
  50% {
    -moz-transform: rotate(3deg);
  }
  100% {
    -moz-transform: rotate(-3deg);
  }
}
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(-1deg);
  }
}