web-semprace/css/styles_v4.css

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.red {
    color: #e63946;
}

body {
    background-color: #FFF7E1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
    height: 100vh;
    max-height: -webkit-fill-available;
    max-width: 100vw;
    font-family: 'Source Code Pro', monospace;
    overflow: hidden;
}
.content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column; 
    gap: 3rem;
    max-width: 30vw;
}
.link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.img_1 {
    max-width: 100%;
    max-height: 6vh;
}
.img_2 {
    max-width: 100%;
    max-height: 45vh;
}

/* .udalost:hover {
    text-decoration: line-through;
} */
.udalost {
    color: #6B2A25;
    font-weight: bold;
    font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
   .content {
        max-width: 100vw;
        height: calc(100vh - 10rem);
   }

   .link {
        display: flex;
        justify-content: center;
        height: 20vh;
   }

   .udalost {
    font-size: 1.5rem;
   }

   .img_1 {
    max-height: 5vh;
   }
}