body {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 1.5rem;
	gap: 2em;
	min-height: 100vh;
	padding: 0;
	margin: 0;
	background: url('/bg-01.jpg') no-repeat 50%/50%;
	background-size: cover;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 600;
	text-transform: capitalize;
	color: rgb(23, 40, 87);
}

@media screen and (min-width: 768px) {
	body {
		font-size: 1.75em;
	}
	img {
		/*max-width: 12em;*/
	}
}

#content {
	padding: 1em;
	display: flex;
	flex-direction: column;
	width: 17em;
	max-width: 90vw;
}

header {
	margin-bottom: 3em
}

header p {
	font-size: 1.5em;
	text-align: center;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul {
	display: flex;
	flex-direction: column;
	gap: 1em;
}

a,
a:hover {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-radius: 1.5em;
	background: rgb(15, 116, 255);
}

a:hover {
	background-color: rgb(0, 90, 214);
}

a span {
	padding: .5em;
	color: white;
	text-align: center;
}