@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/proximanova-light-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/proximanova-regular-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/proximanova-semibold-webfont.woff2") format("woff2"),
    url("/assets/fonts/proximanova-semibold-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/proximanova-bold-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-reference: "Proxima Nova";
  font-family: var(--font-reference);
}

body,
button,
input,
select,
textarea {
  font-family: var(--font-reference);
}