*,
body {
  font-family: "Hanalei Fill", cursive;
  font-size: 1.8rem;
}
.rainbowText {
  animation: rainbow 1.5s infinite;
}

@keyframes rainbow {
  0% {
    color: violet;
  }
  14% {
    color: indigo;
  }
  28% {
    color: blue;
  }
  42% {
    color: green;
  }
  56% {
    color: yellow;
  }
  70% {
    color: orange;
  }
  84% {
    color: red;
  }
  100% {
    color: violet;
  }
}

.notes {    
  color: blue;
  position: relative;
}
.notes ul {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.notes ul li {
  display: flex;
  font-size: 1rem;
  padding: 10px;
  flex-direction: column;
  align-items: center;
  background-image: url("../qualities.jpg");
  margin: 10px 50px;
}

.hidden {
    display: none;
}