.App{text-align:center}svg{position:absolute;width:100%;height:100%;max-width:100%;max-height:100%;transition:all 1s}.minute-hand.animated{animation:spin infinite 3600s linear}.hour-hand.animated{animation:spin infinite 43200s linear}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{height:100%;overflow:hidden;margin:0;padding:0;background-color:#99ffb8;background-image:radial-gradient(at 1% 83%,hsla(21,81%,70%,1) 0px,transparent 50%),radial-gradient(at 14% 32%,hsla(49,60%,80%,1) 0px,transparent 50%),radial-gradient(at 53% 83%,hsla(290,99%,74%,1) 0px,transparent 50%),radial-gradient(at 69% 35%,hsla(161,89%,75%,1) 0px,transparent 50%),radial-gradient(at 97% 79%,hsla(127,64%,75%,1) 0px,transparent 50%),radial-gradient(at 42% 46%,hsla(120,88%,71%,1) 0px,transparent 50%),radial-gradient(at 82% 43%,hsla(27,88%,74%,1) 0px,transparent 50%)}body{margin-top:max(env(safe-area-inset-top),16px);margin-bottom:max(env(safe-area-inset-bottom),16px);margin-left:max(env(safe-area-inset-left),16px);margin-right:max(env(safe-area-inset-right),16px);height:calc(100% - max(env(safe-area-inset-top),16px) - max(env(safe-area-inset-bottom),16px))}