html {
	background: url("/images/home2.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: no-wrap;
}

body {
	width: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}

#left {
	display: flex;
	flex-direction: column;
	gap: 10px;
	flex: 1;
	height: 100%;
}

menu {
	list-style-type: none;
	background-color: pink;
	border: 5px solid #012357;
	display: flex;
	flex-direction: column;
	padding: 0px;
	margin: 0px;
}

menu li {
	padding: 10px;
	margin: 0px;
	border-bottom: 5px solid #012357;
}

menu li:last-child {
	border-bottom: none;
}

#doodad {
	background-color: pink;
	padding: 0px;
	border: 5px solid #012357;
}

#about {
	background-color: pink;
	padding: 0 20px 20px 20px;
	border: 5px solid #012357;
	flex: 2;
}

header {
	background-color: pink;
	border: 5px solid #012357;
	width: 100%;
	
}

header h1 {
	text-align: center;
	padding: 25px;
	margin: 0px;
}

.sailormoon {
	display: flex;
	align-items: flex-start;
	justify-content: bottom;
	margin: 0px;
	padding: 0px;
	max-width: 100%;
}