.grid-container div {
  color: #ffffff;
  font-family: Calibri;
  font-weight: regular;
  font-size: 1.5rem;
  padding: 1em;
  background: #cc99c3;
}

.grid-container {
  display: grid;
  grid-gap: 15px;
}

.one {
  grid-column: 1 / 5;
  grid-row: 1 / 1;
    
  }

div.two {
  grid-column: 1 / 5;
  grid-row: 2 / 2;
  background: white;
}

.three {
  grid-column: 1/1;
  grid-row: 3/25;
  margin: -0.5em;
}

div.four {
  grid-column: 2/5;
  grid-row: 3/25;
  background: white;
  color: #cc99c3;
}


.two h1 {
  font-size: 18em;
  font-weight: 400;
  margin: -0.25em;
  color: #cc99c3;
}

.one h1 {
  font-weight: 500;
  margin: 2;
}

.four p1 {
  font-size: 115px;
  font-weight: 100em;
}

.four p2 {
  font-size: 80px;
  font-weight: 100em;
}

.four p3 {
  font-size: 60px;
  font-weight: 100em;
}

.four p4 {
   font-size: 32px;
   font-weight: 100em;
}

.light {
  font-weight: 100;
  margin: -0.5em;
}

.bold {
  font-weight: bold;
  margin: -0.5em;
}

.italic {
  font-style: italic;
  margin: -0.5em;
}

.regular {
  margin: -0.5em;
}

.bitalic {
  font-weight: bold;
  font-style: italic;
  margin: -0.5em;
}