:root{--main-color:#000;--sub-color:#fff}body{background-color:#fff}.container{font-weight:700;position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px}.digital{font-size:clamp(50px, 15.625vw, 100px)}#analog{height:60vmin;width:100%;position:relative}#analog .analog-face{border:3px solid var(--main-color);border-radius:50%;position:absolute}#analog div{box-sizing:content-box}.analog-line1,.analog-line2{position:absolute;left:0;z-index:1}.analog-line1{width:5px;height:3px;background:var(--main-color);top:calc(50% - 2px)}.analog-line2{width:3px;height:2px;background:var(--main-color);top:calc(50% - 1px)}.analog-text{color:var(--main-color);font-size:clamp(16px, 5vw, 28px);position:absolute;transform:translate(-50%,-50%);z-index:2}.analog-seconds{background-color:red;width:5px;position:absolute;z-index:10}.analog-hours{background-color:var(--main-color);width:5px;position:absolute;z-index:8}.analog-minutes{background-color:var(--main-color);width:5px;position:absolute;z-index:9}.analog-center,.analog-center:after{position:absolute;top:50%;left:50%;z-index:15;border-radius:50%}.analog-center{background-color:var(--main-color);height:21px;width:21px;transform:translate(-11px,-11px)}