html {

  height: 100%;
  width: 100%;
  background-color: #FFAA2E;
}

.cool {
  color: #FFE770;
}

.clickable {
  color: #7d733e;
}
.clickable:hover {
  color: #5a4c00;
  cursor: pointer;
}

a {
  color: #8A6F21; /* Dark purple */
  text-decoration: none; /* Remove default underline */
}
a:visited {
  color: #8A6F21; 
}
a:hover {
  color: #4b3e08; 
}
a:active {
  color: #ffd100; /* A slightly lighter purple for active state */
}

ul li {
  color: #fdf6d6;
}