:root {
  --black: black;
  --white: white;
  --logo-color: black;
  --accent-color: #be1e2d;
  --page-bg-color: #eee;
  --panel-bg-color: var(--accent-color);
  --inline-link-color: var(--accent-color);
  --inline-link-hover-color: var(--black);
  --menu-item-color: var(--white);
  --paragraph-color: var(--black);
  --heading-color: var(--black);
}

* {
  color: var(--black);
  box-sizing: border-box;
  font-family: "crHelvetica", sans-serif;
}

html,
body {
  height: 100%;
}

body {
  background-color: var(--black);
  color: var(--page-bg-color);
  font-size: 26px;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 390px) {
  body {
    font-size: 22px;
  }
}

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

a:hover {
  background-color: var(--inline-link-hover-color);
  color: var(--white);
}

h1,
h2,
h3,
h4,
h5 {
  color: var(--heading-color);
}

h1 {
  font-size: 2.2em;
  font-weight: normal;
  border-bottom: 0.1em solid;
  margin: 0;
  padding: 0 0 0.18em 0;
  line-height: 1;
  display: block;
  letter-spacing: -0.06em;
  margin-bottom: 0em;
}

h2 {
  letter-spacing: -0.06em;
  line-height: 1;
  margin-top: 0.33em;
  margin-bottom: 1.33em;
  font-weight: normal;
}

hr {
  border: 0;
  border-bottom: 3px solid var(--heading-color);
  margin: 1.5em 0;
}

p {
  font-size: 0.96154em;
  letter-spacing: -0.03em;
  line-height: 1.45;
  margin-bottom: 1.1em;
  color: var(--paragraph-color);
}

p.lead {
  font-size: 1.4em;
  line-height: 1.2;
  --text-transform: uppercase;
  color: white;
}

h3 {
  font-weight: normal;
  margin-bottom: 0.3em;
  font-size: 1.4em;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}

li {
  font-size: 0.96154em;
  letter-spacing: -0.03em;
  color: var(--paragraph-color);
  line-height: 1.45;
  list-style-type: square;
  --list-style-type: "🡲  ";
  --list-style-type: "🠶  ";
  --list-style-type: "⯈  ";
  --list-style-position: outside;
  --margin-left: 1em;
}

strong {
  color: inherit;
  font-weight: 800;
}