/* Apply your own styles to this HTML to make look commpletely different. Be sure to use apply your own fonts and hex colors, and make the "I Agree" element look like a button. Style a border around the whole thing. */


d.mainhead {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr 1fr ;
  }


.grid1{

  grid-column: 1/5;
  font-size: 40px;
  text-align: center;
  color: blue;
}

.grid6 {
  grid-column: 1/5;
  text-align: center;
  color: blue;
  font-size: 20px;
}

.grid2{

grid-column: 1/5;
}

.grid3{

  grid-column: 2/5;
}


.grid4{

  grid-column: 2/5;
}


.grid5 {

  font-size: 100px;
  color: blue;
  text-align: center;
  grid-column: 1/5;

}




.ErasMedium:{ ITC font-family: "Eras ITC", "Eras medium ITC",  sans-serif ;
  font-weight: 400;
  font-size: 80px;
  color: blue;
  text-align:center;

}

p {
  ITC font-family: "Eras ITC", "Eras medium ITC",  sans-serif ;
  font-size: 20px;
  color: blue;

}
.11234{
 text-align: center;

}

body {

  background: yellow;

}