@font-face {
  font-family: Equipe;
  src: url(SegoeClassic.ttf);
}

@font-face {
  font-family: Equipe;
  src: url(SegoeClassicBold.ttf);
  font-weight: bold;
}

::-webkit-scrollbar {
  background-color: transparent; padding: 5px; width: 20px; height: 20px

}
::-webkit-scrollbar-thumb {
 background-color: #aaa; border-radius: 6px; border: 3px solid transparent; background-clip: padding-box;
 background-image: linear-gradient(0deg, #333333aa 0%, #888888aa 100%); opacity: 0.75
  
}



::-webkit-scrollbar-thumb:hover {
 background-image: linear-gradient(0deg, #333 0%, #888 100%);
  
}

input {font-family: Equipe; border: 1px inset gray; margin: 3px; border-radius: 3px}

input:focus {outline: 0 !important}

small {opacity: 0.5}

button {
  background: linear-gradient(0deg, #333 0%, #888 100%); box-shadow: 0 0 12px rgba(0,0,0,0.25);
  border: 2px outset #777; outline: 1px solid black; border-radius: 3px;
 padding: 4px 7px; color: white; font-size: 14px; margin: 0px; font-family: Equipe;
 text-shadow: black 0px 0px 5px,
 black 0px 0px 5px;
}

.vinyl {background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(49, 49, 49, 1) 50%, rgba(74, 74, 74, 1) 100%); border: 1px solid black;}

.aero {text-shadow: 0 0 3px black; background-size: cover; background-image: url('aeroglass.png'); backdrop-filter: blur(6px); background-attachment: fixed; border: 1px outset rgba(255,255,255,0.75); filter: drop-shadow(0 4px 4px rgba(0,0,0,0.5));}

button:hover { background: linear-gradient(0deg, #555 0%, #aaa 100%); border-color: gray}

button:active { background: linear-gradient(0deg, #000 0%, #666 100%); border: 2px inset black; box-shadow: 0 0 5px rgba(255,255,255,0.5);}

body {font-family: Equipe; text-align: center; user-select: none;}

.warning {background: linear-gradient(0deg,rgba(250, 154, 37, 0.5) 0%, rgba(250, 154, 37, 0.25) 100%); border-radius: 4px; border: 1px solid #fa9a25; padding: 8px;}