@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/e45972c7e9f24dc3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/87e867b52640b3b3.ttf) format('truetype');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/c8420ecf9b1ae593.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/2e3557977b15d3e2.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/93171d5133de1be8.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/eeef41e7c165b0d9.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/99fc862fcd48574a.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/96cf68ad83894061.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/bcc2c8b38b3be4ef.ttf) format('truetype');
}

  
  @font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/fonts/f5a932f2b33b6547.woff2) format("woff2"),
       url(/fonts/9a6d7ad85c4db481.woff) format("woff");
}

  @font-face {
  font-family: "Work Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/fonts/f634d7d57a7740a6.woff2) format("woff2"),
       url(/fonts/e232e7cf5ac79c28.woff) format("woff");
}

  @font-face {
  font-family: "Work Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url(/fonts/d9f97d76c37ffc33.woff2) format("woff2"),
       url(/fonts/b1548035c9d97394.woff) format("woff");
}

  @font-face {
  font-family: "Work Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url(/fonts/5921301b39a7831a.woff2) format("woff2"),
       url(/fonts/d43755fd88947519.woff) format("woff");
}


  :root {
    --font-primary--family: "Work Sans", sans-serif;
    --font-primary--style: normal;
    --font-primary--weight: 400;
    --page-width: 90rem;
    --page-margin: 20px;
    --color-background: #000;
    --color-foreground: #fff;
    --style-border-radius-inputs: 4px;
  }