@font-face {
  font-family: "Red Hat Display";
  src: local("RedHatDisplay-Medium"),
       url("../fonts/RedHatDisplay-Medium.ttf");
}

@font-face {
  font-family: "Red Hat Bold";
  src: local("RedHatDisplay-Bold"),
       url("../fonts/RedHatDisplay-Bold.ttf");
}

@font-face {
  font-family: "Red Hat Light";
  src: local("RedHatDisplay-Regular"),
       url("../fonts/RedHatdisplay-Regular.ttf");
}

@font-face {
  font-family: "Zilla Slab Medium";
  src: local("ZillaSlab-Medium"),
       url("../fonts/ZillaSlab-Medium.ttf");
}

@font-face {
  font-family: "Zilla Slab Bold";
  src: local("ZillaSlab-Bold"),
       url("../fonts/ZillaSlab-Bold.ttf");
}

@font-face {
  font-family: "Zilla Slab Regular";
  src: local("ZillaSlab-Regular"),
       url("../fonts/ZillaSlab-Regular.ttf");
}