main { display: flex; gap: 2rem; margin-top: 2rem; margin-bottom: 2rem; padding: 0 var(--container-size); .aside-wrapper { min-width: 20vw; } aside{ display: flex; flex-direction: column; align-items: center; padding: 2rem; background-color: var(--clr-LavenderLight); border-radius: 15px; top: 0; section#vstupenky-wrapper { display: flex; justify-content: center; width: 100%; margin-bottom: 2rem; } a.vstupenky { width: 80%; background-color: var(--clr-Melon); padding: 1rem 2rem; color: var(--clr-Murrey); text-decoration: none; font-weight: bold; font-size: 2rem; text-align: center; border-color: var(--clr-Murrey); border-radius: 15px; border-style: solid; border-width: 3px; display: flex; justify-content: center; align-items: center; } .vstupenky:hover span{ transform: translateX(0.5rem); } .vstupenky span { transition: 300ms ease; } .infotable { display: flex; flex-direction: column; gap: 2rem; } .info-wrapper { display: flex; align-items: center; justify-content: center; gap: 2rem; color: var(--clr-Murrey); text-align: left; .text { h3 { font-weight: 900; } p { font-weight: 500; } } img { width: 100px; } } .info-wrapper:nth-child(even) { flex-direction: row-reverse; text-align: right; } } }