* { box-sizing: border-box; }
html, body { height: 100%; }
html {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}
body {
  margin: 0;
  background: #0B120F;
  font-family: Montserrat, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
  -webkit-user-select: none;
  user-select: none;
}
input, textarea {
  -webkit-user-select: text;
  user-select: text;
}
input, button { font-family: Montserrat, system-ui, sans-serif; }
input { outline: none; }
input::placeholder { color: #6C7C71; }
button {
  transition: transform .13s cubic-bezier(.2,.7,.3,1), background-color .2s ease, border-color .2s ease, color .2s ease, opacity .2s ease;
}
button:active { transform: scale(.965); }
@media (hover: hover) { button:hover { filter: brightness(1.09); } }
input {
  transition: border-color .2s ease, background-color .2s ease;
}
input:focus { border-color: rgba(216,222,106,.5); }

@keyframes vsIn { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: none; } }
@keyframes vsPop { from { opacity: 0; transform: scale(.965); } to { opacity: 1; transform: none; } }
@keyframes vsSlide { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

a { color: #D8DE6A; }
a:hover { color: #EAEF9A; }