.clock{position:relative;width:124px;height:124px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);transition:box-shadow .5s ease}.clock:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#f0f0f0;z-index:6;transform:translate(-50%,-50%)}.clock .hr,.clock .min,.clock .sec{position:absolute;left:50%;transform:translateX(-50%)}.clock .sec{top:19px;width:1px;height:43px;border-radius:50%;background:#ffa423;transform-origin:bottom;z-index:5}.clock .min{top:34px;width:2px;height:28px;border-radius:2px 2px 0 0;background:#cb0909;z-index:4}.clock .hr,.clock .min{transform-origin:bottom}.clock .hr{top:44px;width:3px;height:18px;border-radius:3px 3px 0 0;background:#43e466;z-index:3}.clock .digit{position:absolute;top:0;left:50%;width:2px;height:50%;transform-origin:bottom;transform:translateX(-50%) rotate(calc(6deg * var(--i)))}.clock .digit:before{content:"";position:absolute;top:7px;left:50%;width:1px;height:4px;background:hsla(0,0%,100%,.3);border-radius:5px}.clock .digit.long:before{width:1.5px;height:8px;background-color:#3bb2ae}.clock .digital-clock{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;bottom:50px;width:80px;height:15px;text-align:center;line-height:12px;color:#030303;border-radius:15px;font-size:10px;border:1px solid #cbcbcb;background:linear-gradient(90deg,#f41105,#a950ee)}.clock .digital-clock,.clock .github-link{position:absolute;left:50%;transform:translateX(-50%)}.clock .github-link{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;top:45px;color:#434343;text-decoration:none;font-size:12px;z-index:7}.clock .github-link:hover{text-decoration:underline}