* {
	font: 1em/1.5em Verdana;
	padding: 0;
	margin: 0;
}

html {
	color:#ccf;
	background-color:#222;
}

body {
	max-width: 800px;
	margin:1em auto;
	text-align: center;
}

ul {
	list-style-type: none;
}

li a {
	display: grid;
	grid-template-columns: 1.5em auto;
	font-size:1.25em;
	border:1px solid #000000;
	background-color:#06c;
	color:#fff;
	padding:0.5em;
	margin:0.5em 0;
	text-decoration:none;
	border-radius: 0.5em;
}
li:nth-child(even) a {
	background-color:#07c;
}
li a:hover {
	background-color:#08e;
	color:#000;
}