:root{
  --font-sans: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-display: "League Spartan", system-ui, sans-serif;

  --text-soft: #97928d;
  --text-body: #3a3a3a;
  --text-dark: #222;

  --overlay-white: rgba(255,255,255,0.45);
}

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

body{
  margin: 0;
  font-family: var(--font-sans);
}

img{ max-width: 100%; display: block; }


.section{
  scroll-margin-top: 90px;
}

@media (max-width: 768px){
  .section{
    scroll-margin-top: 76px;
  }
}