body,
html {
  font-family: "Poppins", sans-serif;
  box-sizing: border-box !important;
}
.logoIcon {
  height: 50px;
  margin-top: -10px;
}
.navbar-brand {
  font-weight: bold;
  font-size: 1.2rem;
}
.navbar-brand h1{
  font-size: 1.2rem;
  display: inline;
}
.customBg {
  background-image: radial-gradient(
      circle at center center,
      rgba(44, 243, 90, 0.3) 0%,
      rgba(44, 243, 90, 0.3) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at center center,
      rgba(20, 40, 0, 0.3) 0%,
      rgba(20, 40, 0, 0.3) 53%,
      transparent 53%,
      transparent 100%
    ),
    radial-gradient(
      circle at center center,
      rgba(48, 83, 228, 0.3) 0%,
      rgba(48, 83, 228, 0.3) 78%,
      transparent 78%,
      transparent 100%
    ),
    radial-gradient(
      circle at center center,
      rgba(3, 189, 249, 0.3) 0%,
      rgba(3, 189, 249, 0.3) 87%,
      transparent 87%,
      transparent 100%
    ),
    linear-gradient(90deg, rgb(0, 0, 0), rgb(0, 0, 0));
  background-size: 10px 10px;
  height: 100vh;
}
.token_code {
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
}
.card {
  border-radius: 15px;
}
.cardHead {
  background-image: repeating-linear-gradient(
      297deg,
      hsla(359, 0%, 70%, 0.12) 0px,
      transparent 2px,
      hsla(359, 0%, 70%, 0.12) 7px,
      transparent 9px,
      hsla(359, 0%, 70%, 0.12) 14px,
      transparent 16px,
      hsla(359, 0%, 70%, 0.12) 21px
    ),
    repeating-linear-gradient(
      59deg,
      hsla(359, 0%, 70%, 0.12) 0px,
      transparent 2px,
      hsla(359, 0%, 70%, 0.12) 7px,
      transparent 9px,
      hsla(359, 0%, 70%, 0.12) 14px,
      transparent 16px,
      hsla(359, 0%, 70%, 0.12) 21px
    ),
    repeating-linear-gradient(
      0deg,
      hsla(359, 0%, 70%, 0.12) 0px,
      transparent 2px,
      hsla(359, 0%, 70%, 0.12) 7px,
      transparent 9px,
      hsla(359, 0%, 70%, 0.12) 14px,
      transparent 16px,
      hsla(359, 0%, 70%, 0.12) 21px
    ),
    linear-gradient(90deg, rgb(253, 253, 253), rgb(253, 253, 253));
}
.card h1 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 2.5rem;
}
.card-title {
  font-weight: 600;
  font-size: 1.5rem;
}
#disclaimer {
  margin: 20px 0;
  color: #fff;
  /*     position: absolute;
    bottom: 10px; */
  font-size: 0.8rem;
  text-align: center;
}
#disclaimer p {
  margin-bottom: 0;
}
#customTable {
  text-align: center;
  font-size: 1.2rem;
}
.currentDraw {
  background-color: rgb(253, 253, 135);
}
.num_a {
  color: #8338ec !important;
}
.num_b {
  color: #f24c00 !important;
}
.num_c {
  color: #3a86ff !important;
}
.slide-in-left {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    both;
  animation: slide-in-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both;
}
#reloadBtn {
  position: absolute;
  right: 20px;
  top: 20px;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
    transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}