@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	border-box:border-box;
}

body{
	background:#0E0E0E;
	font-family: "Century Gothic";
	
}

p.research{
	color:#fff;
	text-align: center;
	font-family: "Impact";
}

p.noevidence{
	color: white;
	text-align:center;
}

header{
	background: url("BisonFace.jpg")no-repeat center center;
	background-size: cover;
	padding: 150px;
	text-align: center;
	color: #fff;	
}

h1{
	text-transform:uppercase;
	font-size: 40px;
}

h2{
	text-align: center;
	color: #fff;
	padding:20px;
}

p.realculprits{
	color:#D10000;
	text-align: center;
}

p.baseless{
	color:#D10000;
	text-align: center;
}

p.beware{
	color:#D10000;
	text-align: center;
}

h3{
	text-align: center;
	color: white;
}

.container{
	background:#0E0E0E;
	width: 1100px;
	margin: auto;
	display:flex;
	flex-wrap:wrap;
	column-gap: 8%;
	margin-bottom: 50px;
	
}

main.unknown{
	width: 1100px;
	margin:auto;
}

div.image{
	background:#fff;
	text-align: center;
	flex: 0 0 27%;
	margin-bottom: 10px;
	align-content: center;
	object-fit: contain;
	border-radius:12px;
	font-size:20px;
	padding:5px;
	}

a.crimes{
	text-decoration:none;
	color: black;
}

img{
	width: 100%; 
    align-content: center;
}

img.dhalsim{
	width: 86%;
	padding-left: 37px;
}

img.akuma{
	width: 95.1%;
	padding-left:12px;
}

img.unknown{
	width:60%;
	padding-left: 220px;
}

footer{
	color: #fff;
	text-align: center;
	font-family: "Times New Roman";
	font-size:22px;
	background:#636161;
	padding: 20px;
	margin-top:30px
	
}


nav{
	padding-top:18px;
	padding-bottom:18px;
	background:#FF0000;
	text-align: center;
	font-size: 23px;
	text-transform: uppercase
}

nav a{
	text-decoration:none;
	margin: 40px;
	color:white;
}

span{
	text-transform:uppercase;
}

div.benefactors{
	display:flex;
	margin: auto;
	flex-wrap: wrap;
}

div.people{
	margin-bottom: 10px;
	flex: 0 0 23.05%;
	margin:15px;
}

div.criminals{
	margin-bottom: 10px;
	flex: 0 0 31.38%;
	margin:15px;
}

details{
	background:#C73F42;
	text-align: center;
	border-radius: 12px;
}

div.enemies{
	display:flex;
	margin: auto;
	flex-wrap: wrap;
}

summary{
	text-align: center;
	text-transform:uppercase;	
}

p.sheeple{
	text-align: center;
	color: #fff;
	}
.hat{
	width: 25%;
	padding-left: 425px;
	padding-top: 25px;
	padding-bottom: 10px;
	}

.Vega{
	width: 29.9%;
	padding-left: 125px
	}
.Juri{
	width: 68.5%;
	padding-left: 55px
}

.Sagat{
	width: 49%;
	padding-left: 100px
}

a.crimes:hover{
	color:#2C58FF
}

nav a:hover{
	color:#2C58FF
}
footer a:hover{
	color:#FFBDBF;
}