@font-face {
  font-family: "Cereal";
  font-style: normal;
  font-weight: 900;
  src: local("Cereal Black"), url("./Cereal-Black.ttf");
}

@font-face {
  font-family: "Cereal";
  font-style: normal;
  font-weight: 350;
  src: local("Cereal Book"), url("./Cereal-Book.ttf");
}

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

@font-face {
  font-family: "Cereal";
  font-style: normal;
  font-weight: 800;
  src: local("Cereal ExtraBold"), url("./Cereal-ExtraBold.ttf");
}

@font-face {
  font-family: "Cereal";
  font-style: normal;
  font-weight: 300;
  src: local("Cereal Light"), url("./Cereal-Light.ttf");
}

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

.Cereal {
  font-family: "Cereal" !important;
}