:where(html, body) {
  margin: 0;
}

:where(*, *::before, *::after) {
  box-sizing: border-box;
}

@font-face {
  font-family: 'Applied Sans Text';
  src: url('/applied-fonts/AppliedSansText-Variable.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Applied Sans Display';
  src: url('/applied-fonts/AppliedSansDisplay-Variable.woff2') format('woff2-variations');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Applied Sans Mono';
  src: url('/applied-fonts/AppliedSansMono-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Applied Sans Mono';
  src: url('/applied-fonts/AppliedSansMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Applied Sans Mono';
  src: url('/applied-fonts/AppliedSansMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Applied Sans Mono';
  src: url('/applied-fonts/AppliedSansMono-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Applied Sans Mono';
  src: url('/applied-fonts/AppliedSansMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}