@media all 
{

body
{
	background-color: #f0f0f0;
	width : auto ;	
}

header
{
	display : flex;
	background-color : #e000ff;
	height : 130px;	
	justify-content : center;
	align-items : center ;
}

h1
{
	color : blue;
	font-family : 'Comic sans MS', Arial ;	
}

h1:hover
{
 	font-size : 2.5em; 
	font-style : oblique;
	text-shadow : 15px 10px 4px lightblue;
}

h2
{
	font-family : 'Comic sans MS', Arial ;
	color : lightcoral;
}

td
{	
		text-align : center; 
		padding : 50px 20px 50px 20px ;		
		border-radius : 20px;
}

td:hover
{
	background-color : #e0b7fd;
	font-style : italic;
}

a
{
	font-family : 'Comic sans MS', Arial ;
	text-decoration : none;
	color : blue;
}

a:hover
{
	color: #e000ff;
}

table
{
	width: 100%;
	border-collapse: separate;	
}

footer
{
	height : 89px;	
	background-color : #e000ff;
}

p
{
	text-align:right;
	font-size : 0.6em;
}
}