@font-face{font-family:Orbitron;src:url(/assets/Orbitron-VariableFont_wght-1652d8fa.ttf);font-weight:400 900}html,body,#root{background-color:gray;height:100%;margin:0;padding:0}.wrapper{display:flex;flex-basis:auto;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;height:100%}.digitalTime{padding:4vh;display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:8vh;font-weight:400;white-space:nowrap}.analogClockWrapper{display:flex;align-items:center;justify-content:center}.frameOuter{position:relative;background-color:#76a6be;height:54vh;width:54vh;border-radius:50%}.frameInner{position:absolute;left:3vh;top:3vh;background-color:#5e5b56;height:48vh;width:48vh;border-radius:50%}.twelve{position:absolute;width:6vh;left:21vh;z-index:0;font-family:Orbitron;font-size:4.8vh;color:#fff;text-align:center}.hourNeedle{position:absolute;top:13.5vh;left:22.5vh;border-radius:1.8vh;background-color:#393886;width:3vh;height:12vh;transform-origin:50% 87.5%;z-index:0}.minuteNeedle{position:absolute;top:6.9vh;left:23.1vh;border-radius:1.2vh;background-color:#50afaf;width:1.8vh;height:18vh;transform-origin:50% 93.75%;z-index:1}.secondNeedle{position:absolute;top:2.7vh;left:23.7vh;border-radius:1.2vh;background-color:#06244b;width:.6vh;height:21.6vh;transform-origin:50% calc(21.3 / 21.6 * 100%);transition:.5s ease all;z-index:2}@keyframes lastSecond{0%{transform:rotate(354deg)}to{transform:rotate(360deg)}}