body {
    background-color: #1a1a1a;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Arial', sans-serif;
    text-align: center;
}

#hodiny {
    /* Responzívna veľkosť: na mobile veľké, na PC sa zastaví na 8rem */
    font-size: 18vw; 
    font-weight: bold;
    margin-bottom: 10px;
}

#datum {
    font-size: 5vw;
    color: #888;
    text-transform: capitalize; /* Prvé písmeno dňa bude veľké */
}

/* Úprava pre tablety a PC */
@media (min-width: 768px) {
    #hodiny {
        font-size: 8rem;
    }
    #datum {
        font-size: 2rem;
    }
}