body {
  font-family: monospace;
}

h1 {
font-family: monospace;
text-align: center;
color: black;

}

ul  {
  border: solid;
  height: 120px;
  width: 20px;
  list-style-type: none;
  margin-left: 45%;
  margin-right: 50%;
}

li {
  background-color: black;
}

#purple {
  margin-left: -200%;
  margin-right: 40%;
  width: 60px;
  height: 30px;
  background-color: purple;
}

#blue {
  margin-left: -200%;
  margin-right: 40%;
  width: 60px;
  height: 30px;
  background-color: blue;
}

#green {
  margin-left: -200%;
  margin-right: 40%;
  width: 60px;
  height: 30px;
  background-color: green;
}

#pink {
  margin-left: -200%;
  margin-right: 40%;
  width: 60px;
  height: 30px;
  background-color: pink;
}