section{position:relative}section.purple{color:var(--p-primary-contrast-color)}section:before{content:"";display:block;height:100%;left:-100vw;position:absolute;top:0;width:200vw;z-index:-1}section.purple:before{background-color:var(--p-primary-500)}@media screen and (min-width:768px){section{margin:0 auto;max-width:1180px;width:100%}section:has(div){display:flex;flex-direction:row;justify-content:space-around}section:has(div>div){display:flex;flex-direction:column;justify-content:space-around}section.test:has(div>div){display:flex;flex-direction:row;justify-content:space-around}section~section{margin-top:2rem}}