.digital-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:30px auto;background:#2d2f38;padding:20px 30px;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0 / .4);max-width:400px}.digital-clock img{border-radius:10px;margin-bottom:10px}.digital-clock h1{color:#fff;font-size:20px;margin-bottom:15px}.clock{display:flex;align-items:center;gap:10px}#hours{font-size:80px;font-weight:700;color:#4da6ff;line-height:1}#dots{font-size:60px;color:#aaa;transform:translateY(-8px)}.right-side{display:flex;flex-direction:column;align-items:flex-start;line-height:1}#minutes{font-size:60px;font-weight:600;color:#f6c}.right-down{display:flex;gap:8px;margin-top:5px}#period{font-size:22px;font-weight:600;color:orange}#seconds{font-size:22px;font-weight:600;color:wheat}