@font-face {
  font-family: "Roboto";
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("../assets/fonts/Roboto-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src:
    local("DM Sans"),
    local("DMSans-Regular"),
    url("../assets/fonts/DMSans-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    local("Myriad Pro"),
    local("MyriadPro-Regular"),
    url("../assets/fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    local("Myriad Pro Light"),
    local("MyriadPro-Light"),
    url("../assets/fonts/MyriadPro-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    local("Myriad Pro Semibold"),
    local("MyriadPro-Semibold"),
    url("../assets/fonts/MYRIADPRO-SEMIBOLD.OTF") format("opentype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    local("Myriad Pro Bold"),
    local("MyriadPro-Bold"),
    url("../assets/fonts/MYRIADPRO-BOLD.OTF") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    local("Myriad Pro Bold Italic"),
    local("MyriadPro-BoldIt"),
    url("../assets/fonts/MYRIADPRO-BOLDIT.OTF") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro";
  src:
    local("Myriad Pro Semibold Italic"),
    local("MyriadPro-SemiboldIt"),
    url("../assets/fonts/MYRIADPRO-SEMIBOLDIT.OTF") format("opentype");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro Condensed";
  src:
    local("Myriad Pro Condensed"),
    local("MyriadPro-Cond"),
    url("../assets/fonts/MYRIADPRO-COND.OTF") format("opentype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro Condensed";
  src:
    local("Myriad Pro Condensed Italic"),
    local("MyriadPro-CondIt"),
    url("../assets/fonts/MYRIADPRO-CONDIT.OTF") format("opentype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro Condensed";
  src:
    local("Myriad Pro Bold Condensed"),
    local("MyriadPro-BoldCond"),
    url("../assets/fonts/MYRIADPRO-BOLDCOND.OTF") format("opentype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Myriad Pro Condensed";
  src:
    local("Myriad Pro Bold Condensed Italic"),
    local("MyriadPro-BoldCondIt"),
    url("../assets/fonts/MYRIADPRO-BOLDCONDIT.OTF") format("opentype");
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

.font-myriad {
  font-family: "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
}

.font-myriad-condensed {
  font-family: "Myriad Pro Condensed", "Myriad Pro", "Helvetica Neue", Arial, sans-serif;
}