/*

    .___   
  __| _/____    ____ _____   
 / __ |\__  \  /    \\__  \  
/ /_/ | / __ \|   |  \/ __ \_
\____ |(____  /___|  (____  /
     \/     \/     \/     \/   Design Meets Art.
 
 */


/*CSS NAMED COLOR CLASSES */


.red {
  background-color: #245f6a;
}
  .red:hover {
  background-color: orange;
  }

.green {
  background-color: #afd275;
}
  .green:hover {
  background-color: pink;
  }

.yellow {
  background-color: #e7717d;
}
  .yellow:hover {
  background-color: turquoise;
  }
  
.yallow {
  background-color: #fbda95;
}
  
    .yallow:hover {
  background-color: teal;
  }