body{background-color:#0e0e0e;color:#fff;font-family:BenchNine,sans-serif;margin:0;overflow:hidden}.pageTitle,body{text-align:center}.pageTitle{left:0;margin:10px 0;position:fixed;top:0;width:100%}button{background-color:#ffffff1a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:24px;height:60px;line-height:24px;padding:0;width:60px;z-index:1000}button:disabled{cursor:not-allowed;opacity:.5}button:hover:not(:disabled){background-color:#fff3}button.pressed,button:active:not(:disabled){background-color:#ffffff4d;transform:scale(.85)}.fullScreenButton{position:fixed;right:10px;top:10px}.pageToggleButton{left:10px;position:fixed;top:10px}#particles{height:100%;left:0;top:0}#particles,.footer{position:fixed;width:100%}.footer{bottom:10px}.Now{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}@media(max-width:768px){.desktopOnly{display:none!important}}#Clock{background-color:#000f1f;border-radius:50%;height:90vw;max-height:600px;max-width:600px;position:relative;width:90vw}#Clock .shadow{background:linear-gradient(180deg,#000 0,#0000);content:"";height:100%;left:0;opacity:.5;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:50% 0;width:100%;z-index:-1}#Clock #InfoFace{background:linear-gradient(180deg,#272727,#1a1a1a);border-radius:50%;box-shadow:0 0 50px #00a5ff66;content:"";height:66.67%;left:16.67%;position:absolute;top:16.67%;transition:box-shadow 1s;width:66.67%}#Clock #InfoFace.glowing{box-shadow:0 0 50px #daae00cc}#Clock #InfoFace .CurrentDate{color:#daae00;font-size:40px;height:80px;letter-spacing:2px;line-height:80px;margin:30% 0 0;text-shadow:0 0 20px #daae00;text-transform:uppercase}#Clock #InfoFace .CurrentTime{font-size:60px;height:60px;letter-spacing:2px;line-height:60px;margin:0;text-shadow:0 0 20px #0aafe6}#Clock .hours-container,#Clock .indicator-container,#Clock .minutes-container,#Clock .seconds-container{bottom:0;left:0;position:absolute;right:0;top:0}#Clock .hours-container div,#Clock .indicator-container div,#Clock .minutes-container div,#Clock .seconds-container div{position:absolute;transform-origin:50% 100%}#Clock .hours-container{animation:rotatingHand 43200s linear infinite}#Clock .minutes-container{animation:rotatingHand 3600s linear infinite}#Clock .seconds-container{animation:rotatingHand 60s linear infinite}#Clock .indicator{height:50%;left:49.5%;top:0;width:.5%}#Clock .indicator.majorIndicator:before{height:8%}#Clock .indicator:before{background:#fff;box-shadow:0 0 10px #fff;content:"";height:3%;position:absolute;width:100%}#Clock .hours{background:#daae00;box-shadow:0 0 50px #daae00;height:43%;left:48%;top:7%;width:4%}#Clock .minutes{background:#daae00;box-shadow:0 0 30px #daae00;height:48%;left:49%;top:2%;width:2%}#Clock .seconds{background:#fff;box-shadow:0 0 20px #fff;height:50%;left:49.75%;top:0;width:.5%}@media(max-width:480px){#Clock #InfoFace .CurrentDate{font-size:30px;height:40px;line-height:30px;margin-top:37.5%}#Clock #InfoFace .CurrentTime{font-size:40px;height:40px;line-height:40px}}.stopwatch{background-color:#000f1f;border-radius:50%;height:90vw;max-height:600px;max-width:600px;position:relative;width:90vw}.stopwatch .shadow{background:linear-gradient(180deg,#000 0,#0000);content:"";height:100%;left:0;opacity:.5;position:absolute;top:50%;transform:rotate(-45deg);transform-origin:50% 0;width:100%;z-index:-1}.stopwatch .infoFace{background:linear-gradient(180deg,#272727,#1a1a1a);border-radius:50%;box-shadow:0 0 50px #00a5ff66;content:"";height:66.67%;left:16.67%;position:absolute;top:16.67%;transition:box-shadow 1s;width:66.67%}.stopwatch .infoFace .runTime{font-family:Kode Mono,monospace;font-size:46px;height:46px;letter-spacing:2px;line-height:46px;margin:40% 0 0;text-shadow:0 0 20px #0aafe6}.stopwatch .infoFace .runTime small{font-size:.6em}.stopwatch .hoursContainer,.stopwatch .indicatorContainer,.stopwatch .minutesContainer,.stopwatch .secondsContainer{bottom:0;left:0;position:absolute;right:0;top:0}.stopwatch .hoursContainer div,.stopwatch .indicatorContainer div,.stopwatch .minutesContainer div,.stopwatch .secondsContainer div{position:absolute;transform-origin:50% 100%}.stopwatch .hoursContainer{animation:rotatingHand 43200s linear infinite}.stopwatch .minutesContainer{animation:rotatingHand 3600s linear infinite}.stopwatch .secondsContainer{animation:rotatingHand 60s linear infinite}.stopwatch .hoursContainer,.stopwatch .minutesContainer,.stopwatch .secondsContainer{animation-play-state:paused}.stopwatch .indicator{height:50%;left:49.5%;top:0;width:.5%}.stopwatch .indicator.majorIndicator:before{height:8%}.stopwatch .indicator:before{background:#fff;box-shadow:0 0 10px #fff;content:"";height:3%;position:absolute;width:100%}.stopwatch .hours{background:#da0b00;box-shadow:0 0 50px #da0b00;height:43%;left:48%;top:7%;width:4%}.stopwatch .minutes{background:#da0b00;box-shadow:0 0 30px #da0b00;height:48%;left:49%;top:2%;width:2%}.stopwatch .seconds{background:#fff;box-shadow:0 0 20px #fff;height:50%;left:49.75%;top:0;width:.5%}.stopwatch .controls{bottom:30%;display:flex;gap:20px;justify-content:center;position:absolute;width:100%;z-index:1000}.stopwatch .controls .resetButton,.stopwatch .controls .startButton{font-size:32px;height:60px;line-height:32px;width:60px}.stopwatch .settingsButton{bottom:10px;position:fixed;right:10px}.stopwatch.reset .hoursContainer,.stopwatch.reset .minutesContainer,.stopwatch.reset .secondsContainer{animation:none}.stopwatch.running .hoursContainer,.stopwatch.running .minutesContainer,.stopwatch.running .secondsContainer{animation-play-state:running}.stopwatch.running .infoFace{animation:glowing .5s infinite alternate}@keyframes rotatingHand{to{transform:rotate(1turn)}}@keyframes glowing{to{box-shadow:0 0 50px #daae00cc}}@media(max-width:580px){.stopwatch .infoFace .runTime{font-size:40px;height:40px;line-height:40px}}@media(max-width:500px){.stopwatch .infoFace .runTime{font-size:32px;height:32px;line-height:32px}}@media(max-width:400px){.stopwatch .infoFace .runTime{font-size:24px;height:24px;line-height:24px}.stopwatch .controls{bottom:30%}.stopwatch .controls .resetButton,.stopwatch .controls .startButton{font-size:24px;height:40px;line-height:24px;padding:8px;width:40px}}.keyboardSettings{align-items:center;background:#003264e6;border:1px solid #0096ff;border-radius:15px;display:flex;flex-direction:column;gap:50px;height:110%;justify-content:center;left:-5%;position:absolute;top:-5%;width:110%;z-index:2000}.keyboardSettings .keys{bottom:190px;display:flex;gap:20px;justify-content:center;width:100%}.keyboardSettings .keys button{align-items:center;border:1px solid #0096ff;display:flex;flex-direction:column;font-size:80px;height:150px;justify-content:center;line-height:80px;width:150px}.keyboardSettings .keys button.inSetting{background:#0096ff;color:#fff}.keyboardSettings .keys button .function{font-size:1rem;line-height:1rem}.keyboardSettings .keys button .value{text-transform:uppercase}.keyboardSettings .save{padding:5px 20px;width:auto}
/*# sourceMappingURL=main.71fb64bc.css.map*/