/* Turn the grid container into a grid with three flexible columns.
Style the individual items to recreate the screenshots on class website.*/

.grid-container {
  font-family: "Bahnschrift 15px";
  background:;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1r 1fr 1fr;
  padding: 1em;
  margin: 1em;
  
}

.one {
  font-size: px;
  grid-column: 1 / 2;
  
}

.two {
  font-family: "Bahnschrift";
  font-weight: Bold Condensed;
  grid-column: 2 / 3;
}

.three {
  grid-column: 3 / 4;
}

.four {
  
  border-left: double 25px;
  height: 320px;
  width: 1px;
  grid-column: 4 / 5;
  grid-row: 1 / 7;
}

.five {
  font-size: ;
  grid-column: 1 / 3;
  grid-row: 2 / 4;
}

.sixth {
  grid-column: 3 / 4;
}

.seventh {
  grid-column: 3 / 4;
}

.eight {
  grid-column: 1 / 2;
}

.ninth {
  grid-column: 2 / 3;
}

.ten {
  grid-column: 3 / 4;
}

.eleven {
  border-top: double 25px;
  grid-column: 1 / 5;
  grid-row: 5 / 6;
  height: 1px;
  width: 917px;
  background:;
}


/* Additional Visual Styling — you can ignore this */

.grid-container div {
  color: #f6f3ea;
  font-family: Bahnschrift; 
  font-weight: bold, regular, SemiBold Condensed, Light, Bold Condensed, Light Condensed;
  font-size: 1rem;
  padding: 1em;
  background: #f9423a;
}