html {
	/* Ensure the html element always takes up the full height of the browser window */
	min-height: 100%;
	/* The Magic */
	background-size: cover;
}
@-webkit-keyframes glowing {
	0% {border: yellow;	-webkit-box-shadow: 0 0 3px yellow;	}
	50% {border: orange;	-webkit-box-shadow: 0 0 40px orange;}
	100% {border: pink;	-webkit-box-shadow: 0 0 3px pink;}
}
@-moz-keyframes glowing {
	0% {border: yellow;	-moz-box-shadow: 0 0 3px yellow;	}
	50% {border: orange;	-moz-box-shadow: 0 0 40px orange;}
	100% {border: pink;	-moz-box-shadow: 0 0 3px yellow;	}
}
@-o-keyframes glowing {
	0% {border: yellow;	box-shadow: 0 0 3px yellow;}
	50% {border: orange;	box-shadow: 0 0 40px orange;}
	100% {border: pink;	box-shadow: 0 0 3px pink;	}
}
@keyframes glowing {
	0% {border: gold;	box-shadow: 0 0 30px darkred;	}
	25% {border: yellow;	box-shadow: 0 0 40px red;	}
	50% {border: orange;	box-shadow: 0 0 30px crimson;	}
	75% {border: deeppink;box-shadow: 0 0 40px firebrick;	}
	100% {border: red;box-shadow: 0 0 30px salmon;	}
}
.category {
	background: rgba(255, 248, 220, .4);
	border: 4px solid midnightblue;
	color: black; 
	font-family: Georgia;
	font-size: 23px;
	font-weight: bold;
	font-style: italic;
	padding: 0px 0px;
	border-radius: 50px;
	width: 250px;
	height: 100px;
	
}
.category:hover {
	background-color: firebrick;
	color: white;
	border: 4px solid cornsilk;
}

</body>