/* Shared styles across all pages */
body {
    font-family: 'Inter', sans-serif;
}

/* Clock specific styles */
.number {
    position: absolute;
    white-space: nowrap;
    font-size: 1.3em;
    font-family: 'Georgia', 'Times New Roman', serif;
    text-align: center;
    color: #1a2237;
    text-shadow: 1px 1px 4px #fff9, 0 0 3px #6672;
    pointer-events: none;
    z-index: 2;
    transform: translate(-50%, -50%);
}
.hand {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: 100% 50%;
    transform: translate(-100%, -50%) rotate(0deg);
    border-radius: 2px;
    box-shadow: 0 1px 5px #4445;
    z-index: 10;
}

.hour { background: #223679; width: 85px; height: 8px; }
.minute { background: #218892; width: 128px; height: 5px; }
.second { background: #c80028; width: 154px; height: 2px; }