a{
	color: inherit;
}

body{
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	background-color: #fbcab2;
	color: #000000;
}
header{
	margin: 0;
	padding: 0.5rem;
	background-color: #cc0000;
	color: #ffffff;
}
header h1{
	text-align: center;
	font-size: 3rem;
	margin: 0;

	font-family: 'Maxine Script', cursive, sans-serif;
}
header h1 a{
	text-decoration: none;
}

footer{
	width: calc(100% - 6rem);
	margin-right: 0;
	margin-left: 0;

	background-color: #f2baba;
	color: #000000;
	border-top: 0.8rem solid #440101;

	padding-top: 1.2rem;
	padding-bottom: 4rem;
	padding-left: 3rem;
	padding-right: 3rem;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 2rem;
	row-gap: 1.5rem;

	font-size: 0.7rem;
}
footer div{
	max-width: 12rem;
	text-align: center;
}
footer div ul{
	margin-bottom: 0;
	padding-left: 0;
}

@media (prefers-color-scheme: dark) {
	body{
		background-color: #401616;
		color: #ffffff;
	}
	header{
		background-color: #6f0909;
	}
	footer{
		background-color: #2d0202;
		color: #ffffff;
		border-top-color: #440101;
	}
}