@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--background:#000019;--primary:rgb(0, 187, 190);--secondary:#ffffff}body{padding:0;margin:0;height:100dvh}div#root{height:100%;display:flex;flex-direction:column}.Card{text-align:center;margin:3rem;padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:20px;box-shadow:0 0 30px var(--primary);width:350px}.Card button,.Card input,.Card p,.Card a{color:var(--secondary);font-family:roboto,sans-serif;font-size:15px;margin:0;text-decoration:none}.Card a{color:var(--primary);text-shadow:0 0 5px var(--secondary);transition:.3s}.Card a:hover{color:var(--secondary);text-shadow:0 0 10px var(--secondary)}p.todayTime{font-size:40px}.Card button,.Card input[type=submit]{appearance:none;-webkit-appearance:none;background-color:transparent;border:3px solid var(--secondary);padding:10px;height:fit-content;width:100%;border-radius:20px;transition:.2s;cursor:pointer}.Card button:hover,.Card input[type=submit]:hover{background-color:var(--secondary);color:var(--background);transform:scale(1.1)}.Card button:active,.Card input[type=submit]:active{transform:scale(.95);background-color:var(--secondary)}.Card input[type=text]{box-sizing:border-box;appearance:none;-webkit-appearance:none;background-color:var(--secondary);border:none;color:var(--background);padding:10px;margin-bottom:10px;height:fit-content;width:100%;border-radius:20px;transition:.2s;cursor:text;font-size:15px;text-align:center}.Card input[type=text]:hover{box-shadow:0 0 20px var(--secondary);transform:scale(1.1)}.Card input[type=text]:focus{outline:none;box-shadow:0 0 20px var(--primary)}@media (max-width:500px){.Card{width:70%}}.Header{width:100%;text-align:center;font-family:Bebas Neue,sans-serif;font-size:clamp(30px,3vw,50px);background-color:var(--background);color:var(--primary);animation:glow infinite .7s alternate;padding-top:10px;padding-bottom:10px}.Header>h1{margin:0}@keyframes glow{0%{text-shadow:0 0 10px var(--primary)}to{text-shadow:0 0 30px var(--primary)}}.Stats{display:flex;justify-content:space-around;align-items:center;width:100%;background-color:var(--background);color:var(--secondary);font-family:Roboto,sans-serif;font-size:clamp(20px,1.4vw,25px)}.Stats>p{transition:.3s;margin:0}.Stats>p:hover{text-shadow:0 0 5px var(--secondary)}@media (max-width:350px){.Stats{flex-direction:column;gap:10px}}.card-container{flex:1;display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--background)}