@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap");*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;background:#f7f7f7}html.dark,html.dark body{background:#21232b}body{display:flex;flex-direction:column;justify-content:center;align-items:center}.clock{width:300px;height:300px;border-radius:100%;box-shadow:0 18px 40px rgba(0,0,0,.15)}.clock .inner{position:relative;width:100%;height:100%;background:#fff;border:4.16666667px solid #181818;border-radius:100%;box-shadow:inset 0 0 15px rgba(0,0,0,.75)}.clock .inner .date,.clock .inner .time{position:absolute;width:100%;font-family:Roboto Mono,monospace;font-weight:700;text-align:center;color:transparent}.clock .inner .date>span,.clock .inner .time>span{display:inline-block;padding:.25em .75em;box-shadow:inset 0 0 5px -1px rgba(0,0,0,.2);border:1px solid #dedede;border-radius:2px}.clock .inner .time{top:27.5%;font-size:1.5em}.clock .inner .date{bottom:25%;font-size:.775em}.clock .inner .logo{position:absolute;bottom:36%;width:100%;height:.975em;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 64'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='none' d='M0 0h47v64H0z'/%3E%3C/clipPath%3E%3Cstyle%3E.b{clip-path:url(%23a)}.c{fill:%23aaa}%3C/style%3E%3C/defs%3E%3Cg class='b'%3E%3Cg class='b'%3E%3Cpath class='c' d='M17.5 35h-13a3.5 3.5 0 010-7h13a3.5 3.5 0 010 7M23.5 63A22.7 22.7 0 011.015 41.326a3.5 3.5 0 017-.257A15.5 15.5 0 0039 40.5a3.5 3.5 0 017 0A22.525 22.525 0 0123.5 63'/%3E%3Cpath class='c' d='M23.513 51.994a11.368 11.368 0 01-6.1-1.777 11.57 11.57 0 01-5.313-8.262 3.5 3.5 0 116.94-.91 4.655 4.655 0 002.131 3.262 4.334 4.334 0 003.686.477 4.781 4.781 0 003.143-4.6V22.1a6.51 6.51 0 00-.155-1.411l-.158-.709a8.554 8.554 0 00-1.66-3.467l-2.26-2.825A3.494 3.494 0 0123 11.5v-7A3.5 3.5 0 0126.5 1h16A3.5 3.5 0 0146 4.5v26a3.5 3.5 0 01-7 0V8h-9v2.272l1.493 1.867a15.582 15.582 0 013.027 6.32l.158.71A13.557 13.557 0 0135 22.1v18.084a11.691 11.691 0 01-8.016 11.267 11.377 11.377 0 01-3.471.543'/%3E%3C/g%3E%3C/g%3E%3Cpath class='c' d='M88.357 14.47h7.325v24.609a11.77 11.77 0 01-1.5 5.994 10.186 10.186 0 01-4.236 4.016 13.245 13.245 0 01-6.176 1.416q-5.64 0-8.789-2.869t-3.15-8.117H79.2a5.71 5.71 0 001.1 3.857 4.394 4.394 0 003.467 1.245 4.194 4.194 0 003.344-1.44 6.086 6.086 0 001.245-4.1zM115.945 50.017a7.807 7.807 0 01-.708-2.369 8.536 8.536 0 01-6.665 2.857 9.374 9.374 0 01-6.433-2.246 7.223 7.223 0 01-2.552-5.659 7.468 7.468 0 013.113-6.446q3.112-2.245 9-2.27h3.247v-1.518a4.356 4.356 0 00-.94-2.93 3.7 3.7 0 00-2.966-1.1 4.207 4.207 0 00-2.8.855 2.9 2.9 0 00-1.013 2.344h-7.056a7.087 7.087 0 011.416-4.248 9.358 9.358 0 014-3.064 14.584 14.584 0 015.811-1.111 11.531 11.531 0 017.751 2.453 8.587 8.587 0 012.869 6.9v11.45a12.621 12.621 0 001.05 5.689v.415zm-5.835-4.908a6.066 6.066 0 002.881-.7 4.563 4.563 0 001.953-1.867v-4.537h-2.637q-5.3 0-5.64 3.662l-.024.415a2.822 2.822 0 00.928 2.173 3.6 3.6 0 002.539.854zM150.537 37.053q0 6.348-2.709 9.9a8.976 8.976 0 01-7.568 3.553 8.251 8.251 0 01-6.862-3.3l-.316 2.808h-6.348v-37.5h7.055v13.455a8.037 8.037 0 016.422-2.856 9.045 9.045 0 017.58 3.553q2.747 3.551 2.746 10zm-7.055-.513q0-4-1.269-5.847a4.3 4.3 0 00-3.785-1.843 4.656 4.656 0 00-4.639 2.759v10.424a4.718 4.718 0 004.688 2.783 4.355 4.355 0 004.492-3.369 17.369 17.369 0 00.513-4.907zM154.015 16.765a3.477 3.477 0 011.061-2.612 4.576 4.576 0 015.775 0 3.458 3.458 0 011.074 2.612 3.467 3.467 0 01-1.087 2.637 4.525 4.525 0 01-5.736 0 3.463 3.463 0 01-1.087-2.637zm7.5 33.252h-7.08V23.6h7.08zM173.117 23.6l.219 2.954a9.282 9.282 0 017.594-3.442q5.1 0 7.006 4.028a9.07 9.07 0 017.935-4.028q4.294 0 6.4 2.5t2.1 7.531v16.874h-7.08V33.171a5.029 5.029 0 00-.879-3.283 3.9 3.9 0 00-3.1-1.038 4.406 4.406 0 00-4.395 3.027l.026 18.14h-7.057V33.2a4.979 4.979 0 00-.9-3.32 3.941 3.941 0 00-3.086-1.03 4.57 4.57 0 00-4.345 2.49v18.677H166.5V23.6zM221.023 50.505a12.961 12.961 0 01-9.459-3.565 12.671 12.671 0 01-3.65-9.5v-.68a15.958 15.958 0 011.537-7.116 11.285 11.285 0 014.36-4.834 12.223 12.223 0 016.431-1.7 10.961 10.961 0 018.533 3.418q3.115 3.419 3.114 9.692v2.88h-16.823a6.553 6.553 0 002.065 4.15 6.229 6.229 0 004.357 1.562 7.612 7.612 0 006.371-2.954l3.467 3.882a10.583 10.583 0 01-4.3 3.5 14.082 14.082 0 01-6.003 1.265zm-.8-21.7a4.413 4.413 0 00-3.407 1.423 7.36 7.36 0 00-1.671 4.07h9.814v-.565a5.266 5.266 0 00-1.269-3.641 4.554 4.554 0 00-3.471-1.292zM243.83 17.107V23.6h4.516v5.176h-4.516V41.96a3.145 3.145 0 00.561 2.1 2.819 2.819 0 002.148.634 11.176 11.176 0 002.076-.171v5.347a14.541 14.541 0 01-4.273.635q-7.421 0-7.569-7.5V28.777h-3.857V23.6h3.857v-6.493zM267.074 50.017a7.836 7.836 0 01-.707-2.369 8.536 8.536 0 01-6.666 2.857 9.376 9.376 0 01-6.433-2.246 7.225 7.225 0 01-2.551-5.664 7.466 7.466 0 013.113-6.446q3.111-2.245 9-2.27h3.248v-1.513a4.351 4.351 0 00-.941-2.93 3.7 3.7 0 00-2.965-1.1 4.212 4.212 0 00-2.8.855 2.907 2.907 0 00-1.012 2.344h-7.06a7.087 7.087 0 011.416-4.248 9.352 9.352 0 014-3.064 14.579 14.579 0 015.81-1.111 11.532 11.532 0 017.752 2.453 8.587 8.587 0 012.869 6.9v11.45A12.636 12.636 0 00274.2 49.6v.415zm-5.834-4.908a6.066 6.066 0 002.881-.7 4.569 4.569 0 001.953-1.867v-4.537h-2.636q-5.3 0-5.641 3.662l-.024.415a2.822 2.822 0 00.928 2.173 3.6 3.6 0 002.539.854zM285.176 50.017H278.1v-37.5h7.08z'/%3E%3C/svg%3E")}.clock .inner .hand{position:absolute;top:50%;left:50%;width:6px;background-color:#181818;display:none}.clock .inner .hand.hour{height:75px}.clock .inner .hand.hour,.clock .inner .hand.minute{margin-top:-22.72727273px;transform:rotate(0deg) translate(-50%,-50%);transform-origin:0 22.72727273px}.clock .inner .hand.minute{height:100px}.clock .inner .hand.second{width:1.62162162px;height:100px;background-color:#ec231e;margin-top:-30px;box-shadow:-4px -6px 0 0 rgba(0,0,0,.15);transform:rotate(0deg) translate(-50%,-50%);transform-origin:0 30px}.clock .inner .hand.second:after,.clock .inner .hand.second:before{content:"";display:inherit;position:inherit;left:inherit;background-color:inherit;border-radius:100%;transform:translate(-50%,-50%)}.clock .inner .hand.second:before{top:78.94736842px;width:15px;height:15px;box-shadow:-2px -2px 2px 0 rgba(0,0,0,.15)}.clock .inner .hand.second:after{top:16.66666667px;width:8.33333333px;height:8.33333333px;box-shadow:-4px -6px 2px 0 rgba(0,0,0,.15)}.clock .inner .graduations{position:relative;top:3px}.clock .inner .graduations .graduation{display:block;position:absolute;top:6.25px;left:50%;width:1.62162162px;height:7.5px;background-color:#181818;transform:rotate(0deg) translateX(-50%);transform-origin:0 137.5px}.clock .inner .graduations .graduation:nth-child(5n-4){width:3.33333333px;height:16.66666667px}.clock .inner .graduations .graduation:first-child{transform:rotate(1deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(2){transform:rotate(7deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(3){transform:rotate(13deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(4){transform:rotate(19deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(5){transform:rotate(25deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(6){transform:rotate(31deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(7){transform:rotate(37deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(8){transform:rotate(43deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(9){transform:rotate(49deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(10){transform:rotate(55deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(11){transform:rotate(61deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(12){transform:rotate(67deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(13){transform:rotate(73deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(14){transform:rotate(79deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(15){transform:rotate(85deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(16){transform:rotate(91deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(17){transform:rotate(97deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(18){transform:rotate(103deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(19){transform:rotate(109deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(20){transform:rotate(115deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(21){transform:rotate(121deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(22){transform:rotate(127deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(23){transform:rotate(133deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(24){transform:rotate(139deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(25){transform:rotate(145deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(26){transform:rotate(151deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(27){transform:rotate(157deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(28){transform:rotate(163deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(29){transform:rotate(169deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(30){transform:rotate(175deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(31){transform:rotate(181deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(32){transform:rotate(187deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(33){transform:rotate(193deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(34){transform:rotate(199deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(35){transform:rotate(205deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(36){transform:rotate(211deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(37){transform:rotate(217deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(38){transform:rotate(223deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(39){transform:rotate(229deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(40){transform:rotate(235deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(41){transform:rotate(241deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(42){transform:rotate(247deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(43){transform:rotate(253deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(44){transform:rotate(259deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(45){transform:rotate(265deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(46){transform:rotate(271deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(47){transform:rotate(277deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(48){transform:rotate(283deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(49){transform:rotate(289deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(50){transform:rotate(295deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(51){transform:rotate(301deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(52){transform:rotate(307deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(53){transform:rotate(313deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(54){transform:rotate(319deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(55){transform:rotate(325deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(56){transform:rotate(331deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(57){transform:rotate(337deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(58){transform:rotate(343deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(59){transform:rotate(349deg) translateX(-50%)}.clock .inner .graduations .graduation:nth-child(60){transform:rotate(355deg) translateX(-50%)}.clock.active .inner .time{color:#111}.clock.active .inner .date{color:#333}.clock.active .inner .hand{display:block}html.dark .clock .inner{background:#272c33}html.dark .clock .inner .date>span,html.dark .clock .inner .time>span{box-shadow:inset 0 0 5px -1px rgba(0,0,0,.75);border:1px solid #292b35}html.dark .clock .inner .graduations .graduation,html.dark .clock .inner .hand{background-color:#dfe0e6}html.dark .clock .inner .hand.second{background-color:#f26865}html.dark .clock.active .inner .time{color:#dfe0e6}html.dark .clock.active .inner .date{color:#acadb3}