h1{
  text-align: center;
}

p1{
  text-align: center;
}

#wrapper{
  margin: 0 auto;
  text-align: center;
  width: 70vmin;
}

#orangebackground{
  display: grid;
  grid-template-columns: repeat( 11, 1fr);
  grid-template-rows: repeat( 11, 1fr);
  height: 70vmin;
  width: 70vmin;
  background-color:#DE9D45;
}

#whitebox{
  grid-column: 5 / 8;
  grid-row: 2 / 5;

  background-color: white;
}

#blackbox1{
  grid-row: 8 / 8;
  grid-column: 3 / 3;
  background-color: black;
}

#blackbox2{
  grid-row: 10 / 10;
  grid-column: 8 / 8;
  background-color: black;
}

#yellow1{
  background-color: #DFC34C;
  grid-row: 9 / 12;
  grid-column: 3 / 3;
}

#yellow2{
  background-color: #DFC34C;
  grid-row: 10 / 12;
  grid-column: 4 / 10;
}

#yellow3{
  background-color: #DFC34C;
  grid-row: 3 / 12;
  grid-column: 10/ 10;
}

#yellow4{
  background-color: #DFC34C;
  grid-row: 5 / 12;
  grid-column: 5 / 8;
}

a{
  text-decoration: none;
}

.b{text-align: right;
padding: 5px;
}