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

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

@font-face {
  font-family: 'Roboto';
  src: local("Roboto-Bold"), local("Roboto-Bold"),
    url("Roboto-Bold.woff") format("woff"),
    url("Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Onest';
  src: local("Onest-Medium"), local("Onest-Medium"),
    url("Onest-Medium.woff") format("woff"),
    url("Onest-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas Unica';
  src: local("NeueHaasUnica-Medium"), local("NeueHaasUnica-Medium"),
    url("NeueHaasUnica-Medium.woff") format("woff"),
    url("NeueHaasUnica-Medium.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}