:root {
  --medium-electric-blue: #02529b;
  --dodger-blue: #3384ff;
  --dark-cerulean: #05367f;
  --safety-orange: #ff7201;
  --light-red: #ff4526;
  --safety-red: #fa624b;
  --dark-jungle-green: #212121;
  --dark-gray: #adadad;
  --medium-gray: #9e9e9e;
  --light-gray: #fafafa;
  --white: #ffffff;
  --font-regular: "SF UI Display Regular";
  --font-bold: "SF UI Display Bold";
  --font-medium: "SF UI Display Medium";
  --container: 144rem;
}

html {
  font-size: 85%;
}
body {
  font-family: var(--font-regular) !important;
  font-weight: normal;
  background-color: var(--white);
}
a {
  display: block;
  text-decoration: none;
}
.container {
  max-width: var(--container);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.h1 {
  font-size: 2.2rem;
  line-height: 1.23;
  letter-spacing: 0.3px;
}
.h2 {
  font-size: 1.3rem;
  line-height: 1.38;
  letter-spacing: 0.3px;
}
.h3 {
  font-size: 1.2rem;
  line-height: 1.17;
  letter-spacing: 1.56px;
}
.h4 {
  font-size: 0.8rem;
  line-height: 1.25;
  letter-spacing: 1.3px;
}

.lede {
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0.3px;
}
.bold {
  font-family: var(--font-bold);
}
.medium {
  font-family: var(--font-medium);
}
.medium-electric-blue {
  color: var(--medium-electric-blue);
}
.dark-jungle-green {
  color: var(--dark-jungle-green);
}
.medium-gray {
  color: var(--medium-gray);
}
.light-gray {
  color: var(--light-gray);
}
.light-red {
  color: var(--light-red);
}
.white {
  color: var(--white);
}