#intro{display:block;box-sizing:border-box;background-color:var(--background-color-secondary);min-height:0;text-align:center}main{grid-area:main;background-color:var(--background-color-secondary);text-align:left;section { min-height: 300px; max-width: 1024px; margin: auto; display: flex; flex-wrap: wrap-reverse; justify-content: center; &:nth-child(even) { flex-wrap: wrap; } picture img { flex: 1; } div { flex: 1; padding: 0 3rem; min-width: min(50%, 320px); h2 { margin-block: 1lh 0.5lh } a { display: inline-block; background-color: var(--text-color-primary); color: var(--text-color-secondary); margin: 1em 0 2em; padding: 0.5rem 2rem; text-decoration: none; text-transform: uppercase; border-radius: 1rem; } } }}