body {
	margin-top: 0px;
}
#main {
	margin-top: 18px;
	align-items: center;
}

#main .line {
	border-bottom: 1px solid #a0a0a0;
	width: 100%;
	margin: 10px;
	margin-bottom: 30px;
}
#main #info {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	max-width: 1024px;
}
#main #info #side-bar {
	display: flex;
	align-items: center;
	flex-flow: column nowrap;
	max-width: 35%;
}
#main #info #side-bar .item-title {
	font-weight: bold;
	margin-top: 14px;
}
#main #info #description {
	display: flex;
	flex-flow: column nowrap;
	max-width: 65%;
	min-width: 400px;
}
#main #info #description .section {
	margin-bottom: 1.5em;
}
#main #screenshots, #main #logos, #main #characters {
	display: flex;
	flex-flow: row wrap;	
	justify-content: space-around;
	max-width: 1024px;
	gap: 24px;
}
#main #screenshots img, #main #logos img {
	max-width: 500px;
}
#main #characters img {
	max-height: 360px;
}
#main #videos {
	margin: 20px;
}
#main #header h1 {
	margin-bottom: 0.4em;
}
footer {
	width: 100%;
	position: static;
	bottom: 0px;
	display: flex;
    flex-flow: row nowrap;
	justify-content: center;
}