@import url('https://fonts.googleapis.com/css?family=Biryani:300,400,700,800');


.grid-container {
  display: grid;
  grid-gap: 0px;


}


.one {
  grid-column-start:1 ;
  grid-column-end:2;
  grid-row:1 / 2;
 background: #424d57;
  color: #00ced1;
  font-family: 'Biryani', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  border-bottom-style: solid;
  padding-top: 75px;
  padding-bottom: 75px;
}
.one-2 {
  grid-column:1 / 2;
  grid-row:2 / 3;
  background: #424d57;
  color: #00ced1;
  font-family: 'Biryani', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  border-bottom-style: solid;
  padding-top: 75px;
  padding-bottom: 75px;

}
.one-3 {
  grid-column:1 / 2;
  grid-row:3 / 4;
  background: #424d57;
  color: #00ced1;
  font-family: 'Biryani', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  border-bottom-style: solid;
  padding-top: 75px;
  padding-bottom: 75px;
}
.one-4 {
  grid-column:1 / 2;
  grid-row:4 / 5;
  background: #424d57;
  color: #00ced1;
  font-family: 'Biryani', sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  padding-top: 75px;
  padding-bottom: 75px;

}
.one-5 {
  grid-column:1 / 2;
  grid-row:5 / 6;
  background: #424d57;
  color: #00ced1;
  font-family: 'Biryani', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  padding-top: 75px;
  padding-bottom: 75px;
}
.two {
  grid-column:2 / Span 1 ;

  grid-row-start:1;
  grid-row-end:6;
  background: #424d57;
  width: 375px;
  align-self: right;
}

.three {
  grid-column:3/ span 1 ;
  grid-row:1/ span 6;
  background: #00ced1;
  width: 400px;
  align-self:auto;
}

.four-1 {
  grid-column:5/6;
  grid-row:1/2;
  background: #00ced1;
  color: #424d57;
  font-family: 'Biryani', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  border-bottom-style: solid;
  padding-top: 75px;
  padding-bottom: 75px;
}

.four-2 {
  grid-column:5/6;
  grid-row:2/3;
  background: #00ced1;
  color: #424d57;
  font-family: 'Biryani', sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  border-bottom-style: solid;
  padding-top: 75px;
  padding-bottom: 75px;
}

.four-3 {
  grid-column:5/6;
  grid-row:3/4;
  background: #00ced1;
  color: #424d57;
  font-family: 'Biryani', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;
  border-bottom-style: solid;
  padding-top: 75px;
  padding-bottom: 75px;
}
.four-4 {
  grid-column:5/6;
  grid-row:4/ span 1;
  background: #00ced1;
  color: #424d57;
  font-family: 'Biryani', sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;

  padding-top: 75px;
}
.four-5 {
  grid-column:5/6;
  grid-row:5/6;
  background: #00ced1;
  color: #424d57;
  font-family: 'Biryani', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  padding: 1em;
  line-height: 1.25em;

  padding-top: 75px;
  padding-bottom: 75px;
}

.five {
   transform:rotate(90deg);
  grid-column:1 / span 5;
  grid-row: 4/ span 1;
  font-size: 23em;
  align-items: stretch;
  justify-self: bottom;
  padding: 1px ;
  font-family: 'Biryani: ', sans-serif;
  color: white;
  font-weight: 800;





}
{
  border: 1px solid red;
}