@font-face {
  font-family:  "Lost Tumbler";
  src: url('lost_tumbler/LostTumbler.ttf') format('truetype'),
       url('lost_tumbler/LostTumbler.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Vermin';
    src: url('./Vermin Vibes V.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Vermin', sans-serif;
    background-color: black;
    color: white;
    margin: 0;
    padding: 20px;
}
#neon-title {
    color: transparent;
    font-family: "Lost Tumbler", sans-serif;
    -webkit-text-stroke: 1px white;
    font-size: 75px;
    margin: 0;
}
/* Neon flicker effect for h1 */
p {
  color: transparent;
  -webkit-text-stroke: 0.5px white;
}
/* From Uiverse.io by Yaseen549 */ 
.input {
 border: 2px solid #e8e8e8;
 padding: 10px;
 border-radius: 10px;
 background-color: #212121;
 font-size: small;
 font-weight: bold;
 text-align: center;
}

.input:focus {
 outline-color: white;
 background-color: #212121;
 color: #e8e8e8;
 box-shadow: 5px 5px #888888;
}

button {
  background-color: black;
  color: transparent;
  -webkit-text-stroke: 0.5px white;
  border: 2px solid #e8e8e8;
  border-radius: 10px;
  padding: 10px;
}
button:hover {
  background-color: #333333;
  cursor: pointer;
  color: white;
}