html {background-color: var(--bg-body-alt)} body {background: none}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)} body {color: var(--text-body-l-2); font-size: var(--text-m); font-family: "Noto Sans", 'Segoe UI', 'Helvetica Neue', 'Arial', sans-serif; line-height: 1.5} h1, h2, h3, h4, h5, h6 {font-family: "Orbitron", 'Trebuchet MS', 'Arial', sans-serif; color: var(--primary-d-2); text-wrap: balance} h1 {font-family: "Orbitron"; font-size: var(--text-2xl); line-height: 1.2} h2 {font-family: "Orbitron"; font-size: var(--text-2xl); line-height: 1.2} h3 {font-size: var(--text-l); font-family: "Noto Sans"; font-weight: 700; line-height: 1.2; color: var(--text-body)} h4 {font-family: "Noto Sans"; line-height: 1.4} h5 {font-family: "Noto Sans"} .brxe-section {padding-top: var(--space-xl); padding-bottom: var(--space-xl); row-gap: var(--container-gap)} .brxe-container {width: min(90%, var(--content-width)); row-gap: var(--content-gap)} .woocommerce main.site-main {width: min(90%, var(--content-width))} #brx-content.wordpress {width: min(90%, var(--content-width))}