*{box-sizing:border-box;margin:0;padding:0}body{margin:1vmin;font-family:sans-serif}header,footer{text-align:center;width:98vmin;margin:auto;font-size:1.2rem;font-weight:lighter}footer{margin-top:5vmin}.iframe header,.iframe footer{display:none}h1{margin-bottom:.5rem;font-size:1.2rem;font-weight:lighter}nav>a{margin:1vmin 2vmin 5vmin 1vmin;display:inline-block}.start{text-align:center;z-index:100;border-radius:4px;width:45vmin;margin-left:auto;margin-right:auto;padding:1rem;font-size:1.2rem;font-weight:lighter;display:none;position:absolute;top:45vmin;left:0;right:0}.watch{width:93vmin;height:98vmin;margin:auto}.crown{border-radius:40%;width:20vmin;height:5vmin;margin:auto}.casing{border-radius:50%;width:93vmin;height:93vmin;padding:5vmin}.face{contain:layout paint style;border-radius:50%;width:100%;height:100%;position:relative}.hour-numbers{width:100%;margin-top:.5vmin;position:relative}.hour-num{transform-origin:0 40vmin;width:8vmin;height:8vmin;font-family:serif;font-size:8vmin;font-weight:700;position:absolute;top:50%;left:50%}.num-1{transform:rotate(30deg)translate(-50%)}.num-2{transform:rotate(60deg)translate(-50%)}.num-3{transform:rotate(90deg)translate(-50%)}.num-4{transform:rotate(120deg)translate(-50%)}.num-5{transform:rotate(150deg)translate(-50%)}.num-6{transform:rotate(180deg)translate(-50%)}.num-7{transform:rotate(210deg)translate(-50%)}.num-8{transform:rotate(240deg)translate(-50%)}.num-9{transform:rotate(270deg)translate(-50%)}.num-10{transform:rotate(300deg)translate(-50%)}.num-11{transform:rotate(330deg)translate(-50%)}.num-12{transform:translate(-50%)}.hour-num>span{will-change:transform;display:block}svg.watch-hands,canvas.watch-hands{border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.watch-hand{stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;will-change:transform}