h2{color:pink;}
/* Turn the grid container into a grid with three flexible columns.
Style the individual items to recreate the screenshots on class website.*/

.grid-container {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 30% 30% 25%;
  background:tan;
  }

.header {grid-column: 1/4;
  text-align:center;
}
h1{font-weight: 800;
}
.two {grid-column: 1/2;
  grid-row: 2/20;
} p2{font-weight: 300;
text-align:center;
font-size:small;}

.three { grid-column: 1/2;
  grid-row: 20/40;
  text-style:bold;
  text-align:center;
  font-weight:800;
font-size:medium;}

p4{text-align:left;
font-weight:100;
font-size:80%;}

p5{text-style:condensed;
font-weight:400;}
p6{text-align:left;
font-weight:100;
font-size:80%;}
p7{font-weight:200;
font-size:150%;}



.four { grid-column: 2/3;
  grid-row: 2/20;
  font-weight: 400;
  text-align: center;
  font-style: regular;
}

.five {grid-column: 2;
  grid-row: 20/40;
  text-align: center;
}
p9{text-align:left;
font-weight:100;
  font-size:80%;
}
p10{font-weight:100;
font-size:80%;}

.six {grid-column: 3/4;
grid-row: 2/40;
  font-weight: 300;
  font-size:small;
  font-align: left;
}
p{text-align:left;
font-weight:800;
  font-size:300%;
}




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

.grid-container div {
  color:black;
  font-family: American Typewriter;
  padding: 1em;
  background: pink;
}