*{
	padding: 0;
	margin: 0;
	list-style-type: none;

}

body{
	background-color: white;
}

/* color classes*/

.red {
	background-color: red;
}

.blue{
	background-color: blue;
}
.green{
	background-color: green;
}
.yellow{
	background-color: yellow;
}
.pink{
	background-color: pink;
}

h1 {
	text-align: center;
}
h1 {
	margin-top: 2vh;
}
h2{
	text-align: center;
	margin-bottom: 10vh;
}
li{ text-align: center;
	margin-bottom: 2vh;
}

button{
	margin-left: 48%;
}
input{
	display: block;
	margin: auto;
	padding: 0.5vh;
	color: black;
	font-weight: bold;
	border:3px solid black;
	background-color: white;
}

input:hover{
	color: gray;
	border:3px solid gray;
	background-color: black;
}
input:focus{
	background-color: yellow;
}