.page-wrapper{--columns:12;--gutter:2rem;--color:#7ec3f040;--repeating-width:calc(100% / var(--columns));--column-width:calc((100% / var(--columns)) - var(--grid-gap));--background-width:calc(100% + var(--grid-gap));--background-columns:repeating-linear-gradient(to right, var(--color), var(--color) var(--column-width), transparent var(--column-width), transparent var(--repeating-width));border:1px solid #0000;border-color:#0000 #e9e9e9;flex-wrap:wrap;align-content:flex-start;max-width:80rem;min-height:calc(100vh - 8rem);display:flex;position:relative}.page-wrapper:before{background-image:var(--background-columns);content:"";inset:0 calc(var(--grid-gap) / -2) 0 calc(var(--grid-gap) / 2);opacity:.5;z-index:-1;position:absolute}.page-wrapper>div>div{box-shadow:inset calc(var(--grid-gap) / 2) 0 0 0 #c8000026, inset calc(var(--grid-gap) / -2) 0 0 0 #c8000026;padding:0 calc(var(--grid-gap) / 2);text-align:center;background-color:#0000000d}