* { box-sizing: border-box; }

body {background-color: #8B0000;
	color: #8B0000;
	font-family: Ariel, Helvectiva, sans-serif; }


#wrapper {margin-left: auto;
			margin-right: auto;
			background-repeat: no-repeat; 
			width: 80%;
			background-color: #000000;
			min-width: 960px;
			max-width: 2048px;
			box-shadow: 3px 3px 3px #333333;
			border: 1px solid #000033;}
	
header {background-color: #000000;
	color: #FFFFFF; 
	height: 120px ; 
	text-align: center ;
	padding-top: 30px ;
	padding-left: 3em; }
	
header a:link {color: #ffffff; }

header a:visited {color: #ffffff; }
	
	
nav {float: left; 
	color: #FFFFFF; 
	font-weight: bold;
	padding: 1.5em;
	font-size: 120%;
	width: 160px; }
	
nav a {text-decoration: none;}

nav ul {list style-type: none;
		margin: 0;
		padding-left: 0;
		font-size: 1.2em; }
		
	
main {background: #000000;
		padding: 1px 20px 20px 30px;
		display: block;
		margin-left: 190px;
		overflow: auto;}

section {float: left;
		width: 33%;
		padding-left: 2em;
		padding-right: 2em; } 
			
h2 {color: #FFFFFF;
	font-family: Georgia, "Times New Roman" , serif; }
	
			
#dota {margin-left: 500px;
			height: 500px;
			background-image: url(dota.jpg) ;
			background-size: 50% 50%;
			background-repeat: no-repeat; }
			
#slark {margin-center: 1000px;
			height: 1000px;
			background-image: url(slark.jpg) ;
			background-size: 80% 80%;
			background-repeat: no-repeat; }