/* CSS COLOR CLASSES */

.red {
	background-color: red;
	font-family: "Courier";
	font-size: 4em;
	color:yellowgreen;
}

.purple {
	background-color: purple;
	font-family: "Courier";
	font-size: 4em;
	color:khaki;
}

.orange {
	background-color: orange;
	font-family: "Courier";
	font-size: 4em;
	color:midnightblue;
}

.yellow {
	background-color: yellow;
	font-family: "Courier";
	font-size: 4em;
	color:blue;
}
  
.blue {
	background-color: blue;
	font-family: "Courier";
	font-size: 4em;
	color:orangered;

}

.green {
	background-color: green;
	font-family: "Courier";
	font-size: 4em;
	color:tomato;
}

.magenta {
	background-color: lightskyblue;
	font-family: "Courier";
	font-size: 4em;
	color:indigo;

/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
-=-=-= HOVER STATE COLOR CLASSES =-=-=-
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.red-hover:hover {
	background-color: #f00;
}

.orange-hover:hover {
	background-color: #ffa500;
}

.yellow-hover:hover {
	background-color: #ff0;
}

.green-hover:hover {
	background-color: #0f0;
}

.cyan-hover:hover {
	background-color: #0ff;
}

.blue-hover:hover {
	background-color: #00f;
}

.purple-hover:hover {
	background-color: #800080;
}

.magenta-hover:hover {
	background-color: #f0f;

.home-hover:hover;{
		background-color: green;

}
}