@charset "utf-8";

:root { --font-heading-family: ,; --font-heading-style: ; --font-heading-weight: ; --font-body-family: ,; --font-body-style: ; --font-body-weight: ; --color-base-text: , ,; --color-base-background-primary: , ,; --color-base-background-secondary: , ,; --color-base-solid-button: , ,; --color-base-outline-button: , ,; --color-base-accent-primary: , ,; --color-base-accent-secondary: , ,; --extras-width: 176; --mouse-x: 100px; --mouse-y: 250px; }

*, ::before, ::after { box-sizing: inherit; }

html { box-sizing: border-box; font-size: 16px; line-height: 1.3; min-height: 100%; scroll-behavior: smooth; }

body { display: grid; grid-template-rows: auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0px; font-size: 1.5rem; letter-spacing: -0.02rem; line-height: 1.4; font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); background-color: rgba(var(--color-base-background-primary), 1); }

@media screen and (min-width: 750px) {
  body { font-size: 1.6rem; }
}