:where(:root) .bricks-color-primary {color: hsl(46, 25%, 60%)}:where(:root) .bricks-background-primary {background-color: hsl(46, 25%, 60%)}:where(:root) .bricks-color-secondary {color: hsl(223, 27%, 40%)}:where(:root) .bricks-background-secondary {background-color: hsl(223, 27%, 40%)}:where(:root) .bricks-color-light {color: hsl(0, 0%, 100%)}:where(:root) .bricks-background-light {background-color: hsl(0, 0%, 100%)}:where(:root) .bricks-color-dark {color: hsl(0, 0%, 20%)}:where(:root) .bricks-background-dark {background-color: hsl(0, 0%, 20%)} #brx-content {margin-top: -10%} .content-area {margin-top: -10%} body {font-size: 18px; font-family: "Manrope"; font-style: normal} h1 {font-size: 35px; font-weight: 600; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px} h2 {font-size: 30px; font-family: "Manrope"} h3 {font-size: 25px; font-family: "Manrope"} h4 {font-size: 22px} h5 {font-size: 20px} .brxe-section {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .brxe-container {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .brxe-block {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .brxe-div {padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px} .bricks-button {font-size: 20px; font-family: "Manrope"} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: hsl(0, 0%, 13%)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: hsl(0, 0%, 0%)} :root .bricks-button[class*="primary"] {color: hsl(0, 0%, 100%); font-size: 20px; font-family: "Manrope"} :root .bricks-button[class*="secondary"] {color: hsl(0, 0%, 0%); font-size: 20px; font-family: "Manrope"} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsl(0, 0%, 100%)}@media (max-width: 478px) { #brx-content {margin-top: -30%} .content-area {margin-top: -30%}}