@font-face {
  font-style: normal;
  font-family: "ProximaNova-Bold";
  src:
    local("ProximaNova-Bold"),
    url("ProximaNova-Bold.otf") format("opentype");
}

@font-face {
  font-family: "ProximaNova-Regular";
  src:
    local("ProximaNova-Regular"),
    url("ProximaNova-Regular.otf") format("opentype");
}

@font-face {
  font-style: normal;
  font-family: "ProximaNova-Medium";
  src:
    local("ProximaNova-Medium"),
    url("ProximaNova-Medium.otf") format("opentype");
}

@font-face {
  font-style: normal;
  font-family: "ProximaNova-SemiBold";
  src:
    local("ProximaNova-SemiBold"),
    url("ProximaNova-SemiBold.otf") format("opentype");
}

@font-face {
  font-style: normal;
  font-family: "ProximaNova-Light";
  src:
    local("ProximaNova-Light"),
    url("ProximaNova-Light.otf") format("opentype");
}

@font-face {
  font-style: normal;
  font-family: "Open Sans";
  font-weight: 400;
  src:
    local("OpenSans-Regular"),
    url("./open-sans/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
  font-style: normal;
  font-family: "Open Sans";
  font-weight: 500;
  src:
    local("OpenSans-Medium"),
    url("./open-sans/OpenSans-Medium.ttf") format("truetype");
}

@font-face {
  font-style: normal;
  font-family: "Open Sans";
  font-weight: 600;
  src:
    local("OpenSans-SemiBold"),
    url("./open-sans/OpenSans-SemiBold.ttf") format("truetype");
}

@font-face {
  font-style: normal;
  font-family: "Open Sans";
  font-weight: 800;
  src:
    local("OpenSans-extraBold"),
    url("./open-sans/OpenSans-extraBold.ttf") format("truetype");
}

@font-face {
  font-style: normal;
  font-family: "Open Sans";
  font-weight: 700;
  src:
    local("OpenSans-Bold"),
    url("./open-sans/OpenSans-Bold.ttf") format("truetype");
}