@font-face {
  font-family: 'HelveticaNeue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/helvetica-neue-roman.woff2') format('woff2');
}

@font-face {
  font-family: 'HelveticaNeue';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/static/fonts/helvetica-neue-roman-italic.woff2') format('woff2');
}

@font-face {
  font-family: 'HelveticaNeue';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/helvetica-neue-bold.woff2') format('woff2');
}

@font-face {
  font-family: 'HelveticaNeue';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('/static/fonts/helvetica-neue-bold-italic.woff2') format('woff2');
}


:root {
  /* dark background tones */
  --base03: #262527;
  --base02: #333135;

  /* content tones */
  --base01: #565454;
  --base00: #657a81;
  --base0: #6c767a;
  --base1: #c1c7c9;

  /* light background tones */
  --base2: #e8ebed;
  --base3: #ffffff;
}


body {
  margin: 0;
  font-family: 'HelveticaNeue', sans-serif;
  line-height: 1.4;
  background: var(--base3);
  color: var(--base02);
  font-size: 18px;
}

a {
  color: var(--base03);
  text-decoration: none;
}


h1, h2, h3, h4, h5 {
  font-weight: 900;
  color: var(--base01);
}

p {
  margin-bottom: 0;
}

p:first-child {
  margin-top: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  height: 0;
  display: block;
}