body {
  margin: 0;
}

.wall {
  background-color: white;
  padding: 50px;
  display: flex;
  justify-content: center;
}

.painting {
  display: grid;
  grid-template-columns: repeat(9, 100px);
  grid-auto-rows: 100px;
  gap: 2px;
  background-color: black;
  border: 2px solid black;
  box-shadow: 5px 5px 20px gray;
}

.red { background-color: red; }
.orange { background-color: orange; }
.yellow { background-color: yellow; }
.green { background-color: green; }
.teal { background-color: teal; }
.blue { background-color: blue; }
.purple { background-color: purple; }
.pink { background-color: hotpink; }
.white { background-color: white; }


.painting {
  display: grid;
  grid-template-columns: repeat(5, 100px);
  grid-template-rows: repeat(4, 100px);
  gap: 2px;
  background-color: black;
  border: 2px solid black;
  box-shadow: 5px 5px 20px gray;
}