* { 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; } }