body {
	background-color:black;
	color:white;
}
h1, p, h3, h2{
	text-align:center;
}
details {
	text-align:center;
}
.indexbuttons {
	display: flex;
	justify-content: center;
	gap: 10px;
}
#pic1 {
	position: absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
}
#pic2 {
	position: absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
footer {
	border-top:1px solid white;
	margin-top:80px;
}
#footerlinks {
	display: flex;
	justify-content: center;
	gap: 30px;
	text-align:center;
}
a:link {
	color:#ffffff;
}
a:hover {
	color:#a1a1a1;
}
.characters {
  margin-left: auto;
  margin-right: auto; 
}
.mainbutton {
	background-color: black;
	color:white;
	border-color: white;
	font-size:18px;
}
.mainbutton:hover {
	color:#a1a1a1;
}