body {color: #f5f5f5; font-style: normal; letter-spacing: 0.5px; line-height: 1.5; font-family: "Inter"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: #424242; letter-spacing: 1px; font-family: "Kanit"; font-weight: 700} h1 {font-family: "STIX Two Text"; font-size: 48px; text-align: center; color: #ffc107} h2 {font-size: 30px} h3 {font-size: 25px} h4 {font-size: 20px} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: 2.6rem} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p {margin-block-start: 1.6rem} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + * {margin-block-start: 1.6rem} .brxe-container {justify-content: center; align-items: center} .brxe-section {justify-content: center; align-items: center; width: 100dvw} :root .bricks-button[class*="primary"] {color: #f5f5f5; font-family: ""; font-style: normal} .bricks-button {border: 1px solid #212121; transition: all 200ms ease-in-out} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: #140e3f} :root .bricks-button[class*="secondary"] {border-radius: 20px; box-shadow: 0 0 3px &à #424242} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #1f377a} html {background-color: #ffffff} body {background: none}@media (min-width: 767px) { .brxe-container {justify-content: center; align-items: center; width: 90vw} .woocommerce main.site-main {width: 90vw} #brx-content.wordpress {width: 90vw}}@media (min-width: 1279px) { body {text-align: center; font-family: ""; font-weight: 400; font-style: normal; letter-spacing: 1px; background: none} h1 {text-align: center; font-family: ""} h2 {text-align: center; font-size: 24px} h3 {text-align: center; font-family: ""; font-size: 18px} h4 {text-align: center} h5 {text-align: center; font-family: ""} h6 {text-align: center} h1, h2, h3, h4, h5, h6 {font-family: ""; font-weight: 800; font-style: normal; letter-spacing: 2px} .brxe-container {justify-content: center; align-items: center; display: flex; width: 100%; flex-direction: column} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .brxe-section {justify-content: center; align-items: center; flex-direction: column; display: flex; padding-right: 10%; padding-left: 10%} html {background-color: #e7e0ca}}