@import url('https://fonts.googleapis.com/css?family=Audiowide');
		 body{
         background-image: url(../images/Background11.png);
         background-color:maroon;
         color:white;
         margin:0;
			background-size:45%;
        }
		  #name{
			font-family: 'Audiowide', cursive !important;
			font-size:1.5em;
			float:left;
			position:relative;
			left:20px;
		  }
		  
		  #gameName{
		 	  font-size:1.5em;
			  float:right;
		  }
		  
		 
        h1{
            color:white;
            font-family: 'Audiowide', cursive !important;
            text-align: center;
			font-size: 3.5em;
			line-height:1em;
        }
        h2{
            font-family: 'Itim', cursive;
			text-align:center;
			line-height:.5em;
            padding:10px;
        }
		  #menu{
			font-family: 'Itim', cursive;
            text-align: center;
			background-color:black;
			line-height:2em;
        }
        #menu > a{
            font-size: 1.25em;
            text-decoration: none;
            color:white;
            margin: 5px;
            margin-right: 80px;
			text-shadow: 5px 5px 5px black;
			text-align:center;
        }
		#menu > a:hover{
            color:yellow;
			cursor:pointer;
        }
        .games{
				width:50%;
				height:250px;
				background-color:yellow;
		  }
		  #wrapper{
			width:75%;
			margin-left:auto;
			margin-right:auto;
			background-color:rgba(128,0,0,.9);
			border-radius:10px; 
			margin-top: 20px;
			padding-bottom: 20px;
			margin-bottom: 20px;
		  }
		  #gamesBox {
			max-width:800px;
			margin-left:auto;
			margin-right:auto;
			display:block;
			width:100%;
		 }
		 #gamesBox > a {
			display:block;
			margin-left:50px;
			float:left;
			
		 }
		 a > img {
			max-width:200px;
			width:80%;
			border-radius:20px;
			margin-left:auto;
			margin-right:auto;
		 }
		 #thanks{
			text-align:center;
			font-size:2.25em;
			font-family:itim,cursive;
			margin-bottom:60px;
			border: 3px solid white;
			border-radius: 10px;
			width: 70%;
			margin-left: auto;
			margin-right: auto;
			display: none;
		}
		  #outerWrapper{
			width:100%;
			margin-left:auto;
			margin-right:auto;
			padding:3px;
		  }
		   .gameControllerImage{
				max-width:200px;
				width:40%;
				padding:20px;
				display: inline;
				vertical-align: middle;
				float: none;
		 }
			a{
				color:white;
			}	
		 
		 .game{
			width:50%;
			height:50%;
			float:left;
		 }
		 .game > img{
			width:50%;
			margin-left:auto;
			margin-right:auto;
			display:block;
		 }
		 a > div > h2{
			text-decoration:none;
		 }
		 .bottom{
			clear:both;
		 }
		  
		 header{
			 width:98%;
			 margin-left:Auto;
			 margin-right:auto;
			 text-align:center;
			 font-family: 'Audiowide', cursive;
			 font-size:2.5em;
		 }
		 
		 form > fieldset > label {
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			display: block;
			font-family: itim, cursive;
		 }
		 
		 form > fieldset {
			 width: 60%;
			 margin-left: auto;
			 margin-right: auto;
			 border: 3px dashed white;
			 border-radius:15px;
			 
		 }
		 i{
			 font-size:1.5em;
		 }
		 
		 form > fieldset > input {
			 width: 50%;
			 margin-left: auto;
			 margin-right: auto;
			 display: block;
			 border-radius: 10px;
		 }
		 
		 form > fieldset > label > input {
			 border-radius: 10px;
		 }
		 
		 form > fieldset > label > textarea {
			 border-radius: 10px;
		 }
		 #emailMessage{ 
			 text-align:center;
			 font-size:	1.75em;	 	
			 font-family:itim,cursive;	
			border: 3px dashed white;
			border-radius: 10px;
			width: 70%;
			margin-left: auto;
			margin-right: auto;
		}
		#about{
			text-align:center;
			padding:15px;
			text-size:1.25em;
			font-family:itim,cursive;	
		}
		  @media (max-width:1200px){
			   #wrapper{
					width:90% !important;
					margin-left:auto;
					margin-right:auto;
					background-color:rgba(128,0,0,.9);
					border-radius:10px; 
				}
				 .gameControllerImage{
					 
					width:100px !important;
					padding:10px !important;
					display: inline;
					vertical-align: middle;
					float: none;
				}
		  }
		  @media (max-width:950px){
			  #wrapper{
					width:100% !important;
					margin-left:auto;
					margin-right:auto;
					background-color:rgba(128,0,0,.9);
					border-radius:10px; 
				}
		  }