* {
	font-family: Segoe UI, Helvetica, sans-serif
}
body {
	background: url('/links/images/OzIris.jpg');
	background-repeat: no-repeat;
	background-color: #000000;
	background-size: cover;
	background-position: center center;
	max-width: max-content;
	margin: auto;
	text-align: center;
	padding: 50px;
}
h1 {
	padding: 20px;
	color: #4d4dff;
	text-shadow: 1px 0 0 #000000, 0 -1px 0 #000000, 0 1px 0 #000000, -1px 0 0 #000000;
}
ul {
	list-style-type: none;
}
li {
	position: relative;
	display: inline-block;
	background: #3333cc;
	width: 200px;
	height: 200px;
	margin: 10px;
}
li a {
	display: block;
	width: 200px;
	height: 200px;
	size: 1em;
	color: #ababab;
	text-decoration: none;
	font-style: italic;
	padding: 5px;
	text-align: left;
}
li:hover {
	background: #668cff;
}
li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #ffffff;
	font-size: 1.2em;

}
