* {
	margin: 0;
   padding: 0;
}

body {
	text-align: center;
	background-color: orange;
}

h1{
	margin-top: 10vh;
	color: white;
}

h2{
	margin-bottom: 10vh;
	color: white;
}

li{
	margin-bottom: 2vh;
}
input {
display: block;
margin: auto;
padding: 0.5vh;
color: black;
font-weight: bold;
border: .2vw solid black;
background-color: white;
}

input:hover {
	color:gray;
	border:3px solid palegoldenrod;
	background-color: darkred;
}

.submit-it:hover {
	background-color: lightgreen;
	color: white;

}

input:focus {
	background-color: yellow;
}
/*color classes*/

.red {
	background-color: red;
}

.orange {
	background-color: orange;
}

.yellow {
	background-color: yellow;
}

.green {
	background-color: green;
}

.blue {
	background-color: blue;
}

.purple{
	background-color: purple;
}