/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  height: 100%;
  font-family: "Noto Sans Thai", sans-serif;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.bg-main {
  background-color: #151521;
}

.btn-main {
  background: #9043a8;
  border-radius: 10px;
}

.bg-sub {
  background-color: #1e1e2d;
}

.text-color-sub {
  color: #777777;
}

.text-purple {
  color: purple;
}

html {
  scroll-behavior: smooth;
}

.bounce {
  animation-name: bounce;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-25px);
  }

  100% {
    transform: translateY(0);
  }
}