.clock,.container{justify-content:center}.clock .time,.container{width:100%;display:flex}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.container{height:100vh;align-items:center;background-color:#333}.clock{width:clamp(300px,80vw,400px);height:300px;border-radius:30px;background:#212121;box-shadow:15px 15px 30px #191919,-15px -15px 30px #3c3c3c;display:flex;align-items:center;flex-direction:column;transition:.5s}.clock .time{justify-content:center;align-items:center;font-size:3rem;font-weight:700;color:#fff;gap:10px;margin:20px 0}.clock .time .sec{width:18%}.clock .time p{color:#6495ed;margin-bottom:5px;animation:1s infinite blink}@keyframes blink{50%{opacity:0}}.clock .date,.clock .day{font-size:clamp(10px, 3vw, 16px);color:#cccccc75;font-weight:lighter}.clock .am{font-size:20px;font-weight:400;margin-top:8px;color:#6495ed}