body {
  /*background-image: url("../assets/background.jpg");*/
  background-color: #ffa9e7ff;
}

h1 {
  font-family: monospace;
}

footer {
  text-align: center;
  color: #c1666bff;
}

.palette {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.circle {
  display: flex;
  border-color: #FFFFFF;
  border-style: dashed;
  border-radius: 50%;
  box-shadow: 5px 0px #c1666bff;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

.circle:hover {
  border-color: #000000;
}

.black {
  background-color: #000411ff;
}

.blue {
  background-color: #4281a4ff;
}

.tan {
  background-color: #d4b483ff;
}

.darkpink {
  background-color: #c1666bff;
}

.lightpink {
  background-color: #ffa9e7ff;
}