.clock-container{position:relative;width:400px;height:400px}.clock{width:100%;height:100%;border-radius:50%;position:relative;border:.5px solid rgba(255,255,255,.6);background-color:#000}.clock-marker{position:absolute;font-size:24px;color:#88a4c3;transform-origin:center;width:40px;text-align:center}.clock-date-display{position:absolute;right:100px;top:50%;transform:translateY(-50%);text-align:right}.clock-date-label{color:#fff;font-size:14px;margin-bottom:5px;letter-spacing:2.5px}.clock-date-value{color:#c1ff00;font-size:18px}.clock-tick-mark{position:absolute;left:50%;top:50%;width:.5px;height:10px;background-color:rgba(255,255,255,.6);transform-origin:bottom center}.clock-circle-dial{position:absolute;left:50%;top:50%;width:301px;height:301px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.6);box-sizing:border-box}.clock-background-image{position:absolute;right:35%;top:70%;transform:translateY(-50%);max-height:80%;width:auto;z-index:1;opacity:.6;mask-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0.2));-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0.33))}