#root{max-width:1280px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}h1{font-size:2.5rem}.clock-face{position:relative;width:300px;height:300px;border:6px solid rgb(39,39,39);border-radius:50%;box-shadow:inset 0 0 35px 10px #00000086;background:url(/clockJS/img/background-clock.png);background-size:cover;background-repeat:no-repeat}.hand{position:absolute;background-color:#000;width:50%;height:5px;top:50%;transform-origin:right;transform:rotate(90deg)}.hand-seconds{width:135px;height:2px;right:50%}.hand-minutes{width:100px;height:4px;right:50%}.hand-hours{width:70px;height:5px;right:50%}.footer{margin-top:6rem;font-size:1.3rem}.footer a{color:#181818}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(#e66465,#989ff1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}