html, body {
  height: 100%;
  margin: 0;
  background-color:#fcc297;
  color: #000000;
}
td{
    text-align:center;
}
#header {
    text-align:right;
    width: 99%;
    height:10%;
    margin-bottom: 20px;
    margin-top: 0;
	color:#333a42;
	display:block;
	z-index: 1;
    clear:both;
}
#t1 {
	color: #5e5e5e;
	
	}
	
#t2 {
	color: #c9c9c9;
}		
		
#header a {
   padding: 5px 5px;
    text-decoration: none;
	color:#333a42;
}

#banner {
    
    float: left;    
}

		#team2{
		width: 50%;		}
			#team1{
		width: 50%;height: 80%;		}
			#fight2{
		height: 80%;width: 50%;		}
			#fight1{
		height: 80%;width: 50%;		}
			#battle{
		width: 100%;display: flex;		}
			#parent{
		width: 100%;display: flex;		}
			.main{
		height: 100%;width: 80%;margin-left: 5%;margin-top: 25px;float: left;		}
			h1{
		text-align: center;		}
			h2{
		text-align: center;		}
			.button{
		font-family: Oswald;background-color: #333a42;color: #fcc297;display: inline-block;padding: 6px 12px;width: 100%;font-size: 14px;text-align: center;border: 1px solid transparent;		}
			.menu{
		width: 10%;height: 100%;margin-left: 0px;margin-top: 25px;float: left;verticle-align: middle;		}
	
	.person{
    padding: 5px 5px;
}