@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&display=swap');:root{--main-color:#000;--sub-color:#fff}.container{font-family:"Chakra Petch",sans-serif;font-weight:700;font-style:normal;position:relative;width:100vw;height:100vh;overflow:hidden}.toggleContent{position:absolute;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s}.toggle-switch{position:relative;display:inline-block;width:40px;height:24px;margin:10px;z-index:10}.toggle-switch .toggle-input{display:none}.toggle-switch .toggle-label{position:absolute;top:0;left:0;width:40px;height:24px;background-color:#2196f3;border-radius:34px;cursor:pointer;transition:background-color .3s}.toggle-switch .toggle-label:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;top:2px;left:2px;background-color:#fff;box-shadow:0px 2px 5px 0px rgba(0,0,0,.3);transition:transform .3s}.toggle-switch .toggle-input:checked+.toggle-label{background-color:#4caf50}.toggle-switch .toggle-input:checked+.toggle-label:before{transform:translateX(16px)}.digital{font-size:22vw}#analog{height:80vmin;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:2em;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)}