#menu {
display: flex;
}

#menu a {
padding: 10px;
background-color: #2E2787;
color: #FFD700;
width: 87px;
text-align: center;

font: 15px "comic sans ms";
text-decoration: none;
}

#menu a:hover, #menu a.active {
	color: #2E2787;
	border: 1px solid #2E2787;
	background-color: #FFD700;
}

#empty {
background-color: #2E2787;
color: #FFD700;
padding: 20px;
width: 50px;
}

#wrapper {

	width: 700px;
	margin: 50px auto;
	border: 1px solid #2E2787;
background-color: #545AA7;

}

#chara img {
float:right;
margin-right: 10px;
border-radius: 50%;
border: 3px solid #2E2787;
width: 200px;
height: 200px;

}

#chara table {
margin-top: 20px;
margin-left: 75px;
color: #FFD700;
font-size: 20px;
font-family: "Lucida Handwriting";
}

#chara {
margin-top: 10px;
margin-bottom: 10px;
}

#over {
	border: 1px solid #2E2787;

display: flex;
	align-items: center;
}

#over2 {
	border: 1px solid #2E2787;

margin-left: 35px;

display: flex;
	align-items: center;
}

#stats table td {
border: 1px solid #2E2787;
margin-top: 20px;
margin-left: 20px;
color: #FFD700;
padding-right: 10px;
padding-left: 10px;
}

#skills table td {
border: 1px solid #2E2787;
margin-top: 20px;
margin-left: 20px;
color: #FFD700;
padding-right: 10px;
padding-left: 10px;
}
#extra p {
color: #FFD700;
margin: 10px;
}

#extra {
border: 1px solid #2E2787;
}

#inventory table td {
border: 1px solid #2E2787;
margin-top: 20px;
margin-left: 20px;
color: #FFD700;
padding-right: 10px;
padding-left: 10px;
}

#inventory {
text-align: center;
}

#inventory p {
margin: 10px;
}

span {
background-color: #545AA7;
}