html, body {
	margin: 0;
	padding: 0;
}
html {
	font-family: Helvetica, Arial, sans-serif;
	background-color: blue;
	background-image: linear-gradient(hsl(200, 90%, 50%) 0%, hsl(224, 80%, 40%) 100%);
	background-attachment: fixed;
	color: white;
	font-size: 14px;
}
body > div {
	margin: 3em auto;
	width: calc(100% - 2em);
	max-width: 500px;
	text-align: center;
	padding: 0 1em;
}
.logo {
	margin-bottom: 2em;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1em;
}
li {
	margin: 0;
	padding: 1em;
	background-color: white;
	color: black;
	border-radius: 1em;
	box-shadow: 0 0.5em 0.5em hsla(240, 60%, 30%, 0.5);
}
li > div:first-child {
	font-weight: 700;
	font-size: 1.2em;
}
a {
	text-decoration: none;
}