*{ /* affects all elements of the whole page */
	
	
}



html{ /* does the whole page */
}

body {
  background-color: lightblue;
}

h1 {
  	color: white;
  	text-align: center;
	font-size: 60px;
}

p {
  	font-family: verdana;
  	font-size: 20px;

}

h2 {
	
	color: darkgreen;
	background-color: lightyellow;
	font-size: 35px;
	
}

h2.batman{
	
	margin: 5px;
	border: 3px solid black;
	padding: 5px;
}

h2.wonderwoman{
	
	margin: 5px;
	border: 3px solid #D1B20D;
	padding: 5px;
}

h2.superman{
	
	margin: 5px;
	border: 3px solid blue;
	padding: 5px;
}

h2.spiderman{
	
	margin: 5px;
	border: 3px solid #C30B0E;
	padding: 5px;
}

h2.ironman{
	
	margin: 5px;
	border: 3px solid gray;
	padding: 5px;
}

h2.thor{
	
	margin: 5px;
	border: 3px solid purple;
	padding: 5px;
}

span{
	 background-color: yellow;
}

div:hover {
	
	background-color: crimson;
	border: 5px solid black;
	padding: 5px;
	
}