html {
  font-size: 16px; }

@media (max-width: 768px) {
  html {
    font-size: 15px; } }

body {
  font-family: 'Inter', sans-serif;
  line-height: 1.4rem; }

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

h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.2;
  font-family: 'Fauna One', serif; }

h1 {
  font-size: calc(1.375rem + 1.5vw); }

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem; } }

h2 {
  font-size: calc(1.325rem + 0.9vw); }

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem; } }

h3 {
  font-size: calc(1.3rem + 0.6vw); }

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem; } }

h4 {
  font-size: calc(1.275rem + 0.3vw); }

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem; } }

h5 {
  font-size: 1.25rem; }

h6 {
  font-size: 1rem; }

img,
svg {
  vertical-align: middle; }

button:focus:not(:focus-visible) {
  outline: 0; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

textarea {
  resize: vertical; }

select:disabled {
  opacity: 1; }

.position-relative {
  position: relative; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

html {
  position: relative;
  min-height: 100%; }

.theme-dark {
  background-size: cover;
  font-family: 'Inter', sans-serif;
  color: #d8e5e3;
  background: #121212; }

.theme-dark::after {
  background: #121212;
  opacity: 0.8; }

.theme-light {
  background-size: cover;
  font-family: 'Inter', sans-serif;
  color: #212427;
  background: #d9e7e6; }

.theme-light::after {
  background: #f2f2f2;
  opacity: 0.6; }