@font-face {
  font-family: "allerta";
  src: url("../font/allerta.woff2") format("woff2"),
    url("../font/allerta.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "lato";
  src: url("../font/lato.woff2") format("woff2"),
    url("../font/lato.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "marckscript";
  src: url("../font/marckscript.woff2") format("woff2"),
    url("../font/marckscript.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "opensans";
  src: url("../font/opensans.woff2") format("woff2"),
    url("../font/opensans.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "roboto";
  src: url("../font/roboto.woff2") format("woff2"),
    url("../font/roboto.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "roboto-bold";
  src: url("../font/roboto-bold.woff2") format("woff2"),
    url("../font/roboto-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "roboto-condensed";
  src: url("../font/roboto-condensed.woff2") format("woff2"),
    url("../font/roboto-condensed.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}