@font-face {
  font-family: "Access";
  src: url('/static/styles/fonts/access/Access-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Access";
  src: url('/static/styles/fonts/access/Access-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Access";
  src: url('/static/styles/fonts/access/Access-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Access";
  src: url('/static/styles/fonts/access/Access-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-access: "Access", "Arial", sans-serif;
}

html,
body {
  font-family: var(--font-access);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-access);
}