@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body, button, input, select, textarea {
  font-family: 'PT Sans', sans-serif;
}

:focus {
  outline: none;
}

* {
  --sb-track-color: #191a1b;
  --sb-thumb-color: #383d49;
  --sb-size: 1px;
}

*::-webkit-scrollbar {
  width: var(--sb-size)
}

*::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 4px;
  
}

@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}


@keyframes glow {
  0%, 100% {
    filter: drop-shadow(0 0 3px red);
  }
  50% {
    filter: drop-shadow(0 0 6px red);
  }
}

.glow-logo {
  animation: glow 1.5s infinite ease-in-out;
}


.wbg::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none; 
  z-index: 0;
  opacity: .5;
  background: 
    radial-gradient(circle, rgb(0 0 0 / 85%) 50%, rgb(0 0 0) 100%), url(/img/bg.jpg) no-repeat top / cover
}

.hallelujah {
  font-family: 'Gloria Hallelujah', cursive;
  font-family: "Gloria Hallelujah", cursive;
  font-style: normal;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: inherit !important;
  color: inherit !important;

  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  box-shadow: 0 0 0px 1000px transparent inset !important;

  transition:
    background-color 999999s ease-out,
    color 999999s ease-out !important;
}



@supports not (min-height: 100dvh) {
  body {
    min-height: 100vh;
  }
}