.zarovnani {display: flex;
flex-direction: column;
justify-content: center;}

#nadpis {text-align: center;}

#cas {font-size: 28px;
    font-weight: 700;
    text-align: center;
    opacity: 0;
animation: max linear forwards 5s ;}

.buttons {
        opacity: 0;
        animation: max linear forwards 6.5s;
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 1.5%;
        gap: 1.5%;

}

button {font-size: 20px; 
    padding-top: 0.35%;
    padding-bottom: 0.35%;
padding-left: 1.5%;
padding-right: 1.5%;
text-align: center;}

@keyframes max {
    0%{opacity: 0%;}
    80%{opacity: 0%;}
    100%{opacity: 100%;}
}