* {
  margin: 0;
  padding: 0;
}
.main {
  height: 1536px;
  width: 1536px;
  background: rgb(165, 88, 88);
  margin: 0 auto;
  border: #272525 10px solid;
}
h1 {
  text-align: center;
  padding: 20px 0;
  font-size: 100px;
  font-family: "Courier New", Courier, monospace;
}
.one {
  display: flex;
}
.two {
  display: flex;
}
.three {
  display: flex;
}
.four {
  display: flex;
}
.five {
  display: flex;
}
.six {
  display: flex;
}
.seven {
  display: flex;
}
.eight {
  display: flex;
}

.w {
  height: 192px;
  width: 192px;
  background: #feeed4;
  position: relative;
}
.b {
  height: 192px;
  width: 192px;
  background: #a16635;
  position: relative;
}
.w img {
  height: 200px;
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b img {
  height: 200px;
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}