body {font-family: "Lato"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "CormorantGaramond"} h1 {font-size: var(--H1)} h2 {font-size: var(--H2)} h3 {font-size: var(--H3)} h4 {font-size: var(--H4)} h5 {font-size: var(--H5)} h6 {font-size: var(--H6)} html {background-color: var(--parchment)} body {background: none} .brxe-section {padding-top: var(--space-4); padding-right: var(--space-4); padding-bottom: var(--space-4); padding-left: var(--space-4)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: hsla(25, 9%, 25%, 0.7)} .bricks-button {color: var(--parchment); font-size: var(--text-l); border-radius: 20px} :root .bricks-button[class*="secondary"] {color: var(--parchment); border: 1px solid var(--taupe); border-radius: 20px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--taupe)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: hsla(25, 9%, 25%, 0.7)} :root .bricks-button[class*="primary"] {color: var(--parchment)}