@import url("fonts/fonts.css");

html {font-size: 168.8%;} /*27px*/

@media screen and (min-width: 1921px) {html {font-size: 187.5%;} /*30px*/}
@media screen and (max-width: 1280px) {html {font-size: 150%;} /*24px*/}
@media screen and (max-width: 1080px) {html {font-size: 137.5%;} /*22px*/}
@media screen and (max-width: 980px) {html {font-size: 125%;} /*20px*/}
@media screen and (max-width: 680px) {html {font-size: 112.5%;} /*18px*/}
@media screen and (max-width: 480px) {html {font-size: 100%;} /*16px*/}

body {
  font-family: 'IBMPlexMono', monospace;
  font-weight: 300;
  line-height: 1.4;
  color: var(--black);
}

p {margin-bottom: 0.75rem; margin-top: 0.75rem;}

a {color: var(--grey);}

h1, h2 {
  margin: 0;
  margin-top: -0.25em;
  margin-bottom: 0.25em;
  font-family: 'Folsom', monospace;
  font-weight: 900;
  line-height: 1.15;
  text-transform: uppercase;
}

h3, h4, h5 {
  margin: 0;
  margin-bottom: 0.25em;
  font-family: 'IBMPlexMono', monospace;
  font-weight: 700;
  line-height: 1.15;
}

h1 {font-size: 3.552rem;}
h2 {font-size: 2.741rem;}
h3 {font-size: 2.153rem;}
h4 {font-size: 1.763rem;}
h5 {font-size: 1.35rem;}

@media screen and (max-width: 480px) {
  h1 {font-size: 2.741rem;}
  h2 {font-size: 2.153rem;}
  h3 {font-size: 1.763rem;}
  h4 {font-size: 1.35rem;}
  h5 {font-size: 1rem;}
}

small, .text_small {font-size: 0.8rem;}

h1.white, h2.white, h3.white, h4.white, h5.white, p.white, b.white, a.white {color: var(--snow);}