@import url("https://use.typekit.net/cbr1onu.css");
h1 {
 writing-mode: vertical-rl;
 text-orientation: upright;
 color: #283ccc;
 font-size: 20rem;
  background: white;
  margin: 0;
  Font-family: Futura;
}
.grid-container {
  background: #283ccc;
  color: white;
  display: grid;
  grid-template-columns: 1fr 3fr;
  font-size: 4rem;
  color: white;
  font-family: Futura;
}

.blue {
  margin: 1em;
}

.one{
  Text-decoration: underline;
  padding-top: .5 em;
  padding-bottom: .5em;
}

.two{
  font-family: futura-pt, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.three{
  font-family: futura-pt, sans-serif;
  font-weight: 300;
  font-style: italic;
}

.four{
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.five{
  font-family: futura-pt, sans-serif;
  font-weight: 500;
  font-style: italic;
}

.six{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.seven{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 500;
  font-style: italic;
}

.eight{
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.nine{
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.ten{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.eleven{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.twelve{
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.thirteen{
  font-family: futura-pt, sans-serif;
  font-weight: 600;
  font-style: italic;
}

.fourteen{
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.fifteen{
  font-family: futura-pt, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.sixteen{
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.seventeen{
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.eighteen{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.nineteen{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 700;
  font-style: italic;
}

.twenty{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.twentyone{
  font-family: futura-pt-condensed, sans-serif;
  font-weight: 800;
  font-style: italic;
}

.twentytwo{
  font-family: futura-pt, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.twentythree{
  font-family: futura-pt, sans-serif;
  font-weight: 800;
  font-style: italic;
}