body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: black;
}
*
{
  margin: 0 auto 0 auto;
  text-align:left;
}
a {
color: yellow;
text-decoration: none;
font-style: bold;
}
h1 {
	font:24px Times, Helvetica;
	text-decoration:none;
	color: white;
}
h2 {
	font:16px Times, Helvetica;
	text-decoration:none;
	color: white;
}
image {
  height: 300px;
  width: 300px;
}
table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
}
.header {
color: white;
text-decoration: none;
font:18px Times, Helvetica;
font-style: bold;
}
.headerbig {
color: white;
text-decoration: none;
font:20px Times, Helvetica;
font-style: bold;
}
.footer {
color: white;
text-decoration: none;
font:14px Times, Helvetica;
font-style: bold;
}
.coin {
	font:16px Times, Helvetica;
	text-decoration:none;
	color: white;
}
.contents {
	font:20px Times, Helvetica;
	text-decoration:none;
	color: black;
}
.life {
	font:16px Times, Helvetica;
	text-decoration:none;
	color: white;
}
.name {
	font:20px Times, Helvetica;
	text-decoration:none;
	color: white;
}
.reign {
	font:16px Times, Helvetica;
	text-decoration:none;
	color: white;
}
#container
{
  display: block; 
  height:auto;
  position: relative; 
  width: 800px;
}
#page {
	display: flex;
	flex-direction: row;
	width: 980px;
}
#leftside {
	webkit-flex: 1;
	ms-flex: 1;
	flex: 1;
    text-align: left;
    margin-top: 20px;
}
#rightside {
	webkit-flex: 2;
	ms-flex: 2;
	flex: 2;
	}