*{box-sizing:border-box;margin:0;padding:0}.main{align-items:center;background-color:#000;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.clockFace{border:10px dotted hsla(0,0%,100%,.411);border-radius:50%;height:300px;width:300px}.clock{height:100%;position:relative;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.hand{box-shadow:0 0 13px -3px hsla(0,0%,100%,.75);-webkit-box-shadow:0 0 13px -3px hsla(0,0%,100%,.75);-moz-box-shadow:0 0 13px -3px hsla(0,0%,100%,.75);height:6px;margin:5px;position:absolute;top:50%;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100%;transform-origin:100%;transition:all .05s;transition-timing-function:cubic-bezier(.1,2.7,.58,1);width:48%}.secondHand{background-color:#fff}.minuteHand,.secondHand{align-items:center;display:flex;justify-content:center}.minuteHand{background-color:rgba(4,0,255,.603)}.hourHand{align-items:center;background-color:red;display:flex;justify-content:center}.labels{color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px}.labels>h1{text-shadow:0 0 10px hsla(0,0%,100%,.87)}.amPM{margin:0 5px}
/*# sourceMappingURL=main.5c5c9e70.css.map*/