html {font-size: 55%} body {font-family: "Akko Pro"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "Opheline"} h1 {font-size: 4rem} h2 {font-size: 4rem} h3 {font-size: 3.2rem} h4 {font-size: 2.8rem} h5 {font-size: 2.4rem} h6 {font-size: 2rem}:where(:root) .bricks-color-primary {color: #212121}:where(:root) .bricks-background-primary {background-color: #212121}:where(:root) .bricks-color-secondary {color: #5c7780}:where(:root) .bricks-background-secondary {background-color: #5c7780}:where(:root) .bricks-color-light {color: #ffffff}:where(:root) .bricks-background-light {background-color: #ffffff} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: rgba(33, 33, 33, 0)} :root .bricks-button[class*="primary"]:hover {border: 1px solid var(--bricks-color-42ab1e); color: #000000} :root .bricks-button[class*="primary"] {color: #ffffff; border: 1px solid var(--bricks-color-42ab1e)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--bricks-color-vccgwj)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-vccgwj); border: 1px solid var(--bricks-color-vccgwj)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: rgba(255, 0, 0, 0)} :root .bricks-button[class*="dark"] {color: #ffffff; border: 1px solid var(--bricks-color-vccgwj)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-vccgwj)} :root .bricks-button[class*="dark"]:hover {border: 1px solid var(--bricks-color-vccgwj); color: var(--bricks-color-42ab1e)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--bricks-color-vccgwj)}@media (max-width: 991px) { html {font-size: 45%}}@media (max-width: 478px) { html {font-size: 40%}}