:root{--unit:1vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (orientation:landscape){:root{--unit:1dvh}}*{transition:all 1s linear}body{overflow:hidden;height:100vh}.parent,body{display:flex;align-items:center;justify-content:center}.parent{position:relative;border-radius:50%;width:calc(88 * var(--unit));height:calc(88 * var(--unit));background-color:#000;border:calc(1 * var(--unit)) solid #fff;box-shadow:10px 10px 50px #000}.second{width:calc(81 * var(--unit))!important;height:calc(81 * var(--unit))!important;color:#00f7ff}.minute,.second{background-color:#000;border:1px solid #ffffff33}.minute{width:calc(70 * var(--unit))!important;height:calc(70 * var(--unit))!important;color:#22b4b9}.hour{width:calc(59 * var(--unit))!important;height:calc(59 * var(--unit))!important;color:#368285}.hour,.inside{background-color:#000;border:1px solid #ffffff33}.inside{width:calc(48 * var(--unit))!important;height:calc(48 * var(--unit))!important;font-size:calc(3 * var(--unit));position:relative}.inside i{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size:calc(4 * var(--unit));color:#fff;font-weight:700}.watch{width:800px;height:800px;border-radius:100%;margin:10px auto}.watch,.watch-number{position:absolute;display:flex;align-items:center;justify-content:center}.watch-number{width:20px;height:20px;transform-origin:50% 150px;font-size:calc(2 * var(--unit));font-weight:700;transition:all .1s}.bold{font-weight:bolder;font-size:calc(3 * var(--unit));color:#ff00b3}.ampm{position:absolute;top:50%;left:99%;transform:translate(-80%,-50%);font-size:calc(1 * var(--unit));font-weight:700;transition:all .1s;z-index:3}