/* ---Roboto--- */
@font-face {
  font-family: "Roboto";
  src: local("Roboto-thin"), local("Roboto-thin"),
    url("./Roboto/Roboto-Thin.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto-Regular"), local("Roboto-Regular"),
    url("./Roboto/Roboto-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto-Medium"), local("Roboto-Medium"),
    url("./Roboto/Roboto-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: local("Roboto-SemiBold"), local("Roboto-SemiBold"),
    url("./Roboto/Roboto-Bold.ttf");
  font-weight: 600;
  font-style: normal;
}

/* ---muli--- */
@font-face {
  font-family: "Muli";
  src: local("Muli-light"), local("Muli-light"), url("./muli/Muli-Light.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: local("Muli-Regular"), local("Muli-Regular"), url("./muli/Muli.ttf");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: local("Muli-Medium"), local("Muli-Medium"),
    url("./muli/Muli-SemiBold.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Muli";
  src: local("Muli-SemiBold"), local("Muli-SemiBold"),
    url("./muli/Muli-Bold.ttf");
  font-weight: 600;
  font-style: normal;
}

/* ---EB Garamond--- */
@font-face {
  font-family: "EB-Garamond";
  src: local("EB -Garamond-light"), local("EB-Garamond-light"),
    url("./EBGaramond/EBGaramond-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "EB-Garamond";
  src: local("EB-Garamond-Medium"), local("EB-Garamond-Medium"),
    url("./EBGaramond/EBGaramond-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "EB-Garamond";
  src: local("EB-Garamond-SemiBold"), local("EB-Garamond-SemiBold"),
    url("./EBGaramond/EBGaramond-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "EB-Garamond";
  src: local("EB-Garamond-bold"), local("EB-Garamond-bold"),
    url("./EBGaramond/EBGaramond-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}
/* RobotoCondensed-Bold */
@font-face {
  font-family: "Roboto Condensed";
  src: local("RobotoCondensed-Regular"), local("RobotoCondensed-Regular"),
    url("./RobotoCondensed/RobotoCondensed-Regular.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: local("RobotoCondensed-Medium"), local("RobotoCondensed-Medium"),
    url("./RobotoCondensed/RobotoCondensed-Medium.ttf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: local("RobotoCondensed-SemiBold"), local("RobotoCondensed-SemiBold"),
    url("./RobotoCondensed/RobotoCondensed-SemiBold.ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Condensed";
  src: local("RobotoCondensed-Bold"), local("RobotoCondensed-Bold"),
    url("./RobotoCondensed/RobotoCondensed-Bold.ttf");
  font-weight: 700;
  font-style: normal;
}