*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(120deg,#0127ffd8,#ff3300d8);display:flex;height:100vh;justify-content:center}main{min-height:100vh;min-width:100%}.clock{align-items:center;background-color:initial;border:2px groove #333;border-radius:300px;box-shadow:0 8px 10px rgba(0,0,0,.5);display:flex;height:400px;justify-content:center;margin-left:50px;min-height:400px;position:relative;width:400px}.number{font-size:1.2em;font-weight:900;height:100%;padding:5px;position:absolute;text-align:center;text-shadow:0 5px 10px rgba(0,0,0,.5);width:100%}.number-12{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.number-1{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.number-2{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.number-3{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.number-4{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.number-5{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.number-6{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.number-7{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.number-8{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.number-9{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.number-10{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.number-11{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.second-hand{background-color:red;height:150px;width:2px}.minute-hand,.second-hand{border-radius:10px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:bottom center;transform-origin:bottom center}.minute-hand{background-color:#252525;height:130px;width:4px}.hour-hand{background-color:#2e2e2e;border-radius:10px;height:100px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:bottom center;transform-origin:bottom center;width:6px}.center{background-color:#a7a7a7;border-radius:20px;height:10px;position:absolute;width:12px}.seg{align-items:center;background:transparent;border-radius:3px;box-shadow:0 8px 10px rgba(0,0,0,.5);display:flex;font-size:50px;height:200px;justify-content:space-around;width:500px}h2{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:30px;text-align:center}@media (max-width:620px){main{font-size:28px;min-height:50px;width:80%}}
/*# sourceMappingURL=main.f7ae9685.css.map*/