:root { --site-max: 1440px;  --site-width: 90%;  --gutter: 2rem; } .brxe-container {width: 90%; max-width: 1440px} .woocommerce main.site-main {width: 90%} #brx-content.wordpress {width: 90%; max-width: 1440px} h1, h2, h3, h4, h5, h6 {font-family: "Poppins"; font-weight: 400; font-style: normal; line-height: 1; letter-spacing: 1%} body {font-family: "Poppins"; font-weight: 200; line-height: 1.4; letter-spacing: 1%; background: none}:where(:root) .bricks-color-primary {color: var(--attractive-teal)}:where(:root) .bricks-background-primary {background-color: var(--attractive-teal)}:where(:root) .bricks-color-secondary {color: var(--breaker-bay)}:where(:root) .bricks-background-secondary {background-color: var(--breaker-bay)}:where(:root) .bricks-color-light {color: var(--kawaii-teal)}:where(:root) .bricks-background-light {background-color: var(--kawaii-teal)}:where(:root) .bricks-color-dark {color: var(--dark-teal)}:where(:root) .bricks-background-dark {background-color: var(--dark-teal)}:where(:root) * {border-color: var(--hidden-saphire)} :root .bricks-button.bricks-background-primary:not(.outline) {background-color: var(--retro-teal)} html {background-color: var(--white-gray)}@media (max-width: 1440px) { .brxe-container {max-width: 1440px; width: 90%; column-gap: var(--space-m); row-gap: var(--space-m)} #brx-content.wordpress {max-width: 1440px; width: 90%} .woocommerce main.site-main {width: 90%}}