@layer base {
  @font-face {
    font-display: swap;
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    src: url("/assets/Nunito-VariableFont_wght-07bed7b1.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: url("/assets/Lato-Regular-3d716aad.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    src: url("/assets/Lato-Italic-a5c48518.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: url("/assets/Lato-Bold-8af8670c.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    src: url("/assets/Lato-Black-277ea121.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url("/assets/Roboto-Regular-78ba33c2.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: url("/assets/Roboto-Italic-f6c34d39.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: url("/assets/Roboto-Medium-697651ea.ttf") format("truetype");
  }

  @font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url("/assets/Roboto-Bold-0998e8f0.ttf") format("truetype");
  }
}