* {
  transition: all 300ms ease-out;
}
.light {
  background-color: #010a39;
}
.red {
  background-color: #FF7B4F;
}
.blue {
  background-color: #51A8FF;
}
.orange {
  background-color: #FF9B6A;
}
.green {
  background-color: #8DC783;
}
.pink {
  background-color: #919191;
}
.red ul.menu li,
.blue ul.menu li,
.orange ul.menu li,
.green ul.menu li,
.pink ul.menu li {
  opacity: 0.2;
  color: white !important;
}
.red ul.menu li:hover,
.blue ul.menu li:hover,
.orange ul.menu li:hover,
.green ul.menu li:hover,
.pink ul.menu li:hover {
  color: white !important;
  opacity: 1;
}
ul.menu {
  margin:auto;
}
ul.menu li {
  list-style-type: none;
  line-height: 60px;
  font-size: 37px;
}
ul.menu li:nth-child(1) {
  color: #FF7B4F;
}
ul.menu li:nth-child(2) {
  color: #51A8FF;
}
ul.menu li:nth-child(3) {
  color: #FF9B6A;
}
ul.menu li:nth-child(4) {
  color: #8DC783;
}
ul.menu li:nth-child(5) {
  color: #919191;
}
ul.menu li:hover {
  cursor: pointer;
}