@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src:
    url("../fonts/Lato-Black.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src:
    url("../fonts/Lato-BlackItalic.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src:
    url("../fonts/Lato-Bold.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src:
    url("../fonts/Lato-BoldItalic.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src:
    url("../fonts/Lato-Italic.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src:
    url("../fonts/Lato-Light.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src:
    url("../fonts/Lato-LightItalic.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src:
    url("../fonts/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: normal;
  font-weight: 100;
  src:
    url("../fonts/Lato-Thin.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Lato";
  font-style: italic;
  font-weight: 100;
  src:
    url("../fonts/Lato-ThinItalic.ttf") format("truetype");
}

@font-face {
  font-display: swap;
  font-family: "Parkinsans";
  font-style: normal;
  font-weight: 700;
  src:
    url("../fonts/Parkinsans-Bold.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Parkinsans";
  font-style: normal;
  font-weight: 800;
  src:
    url("../fonts/Parkinsans-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Parkinsans";
  font-style: normal;
  font-weight: 300;
  src:
    url("../fonts/Parkinsans-Light.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Parkinsans";
  font-style: normal;
  font-weight: 500;
  src:
    url("../fonts/Parkinsans-Medium.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Parkinsans";
  font-style: normal;
  font-weight: 400;
  src:
    url("../fonts/Parkinsans-Regular.ttf") format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Parkinsans";
  font-style: normal;
  font-weight: 600;
  src:
    url("../fonts/Parkinsans-SemiBold.ttf") format("truetype");
}

:root {
  --main-font:
    "Lato", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body, a, span, p, button, label, input, select, textarea {
  font-family: var(--main-font);
}