*{box-sizing: border-box;}


body  {background-color: #ffcccc;
       font-family: Times new roman;
	   font-size: 20px;
       }

#wrapper {margin: auto;
          background-repeat: no-repeat;
		  width: 80%;
		  min-width: 940px;
		  border: 1px solid #ffc800;}
		  
		  
		  

header{background-color: #990066;
      color: #ffffff;
	  padding: 10px 10px 10px 155px;
	  font-size: 150%;
	  margin-left: 190px;
      height: 130px;
	  background-repeat: no-repeat;
	  text-align: center;  
}


header a {text-decoration: none;}
header a:link {color:#ffffff;}
header a:visited {color:#ffffff;}
header a:hover {color:#ffffff;}

.center { 
display: block;
margin: auto;
margin-right: auto;
width: 50%;
}



			
 	
#leftbox {float:left; 
           width: 50%;
           height:50%;
				
            }
            
            
#rightbox{float:right;
	       width: 50%;
           height:50%;
		   padding:5px;
			}			
			



#div1 {width: 40%;
float:left;
}

#div2 {width: 40%;
float:left;}



h1 {margin: 0;
padding: 10px;
font-size: 3em; 
letter-spacing: 0.15em;}

      	
	  
nav {text-decoration: none;
	 float: left;
     width:150 px;
	 padding: 15px;}


nav a {text-decoration: none;
        padding: 5px;
		display: block;
		font-weight: bold;
		margin-left: 50px;
		background-color: ff6666 ;
}

nav ul{list-style-type: none;
margin:0;
padding:0; 
}

nav a:link { color: #ff6666; }
nav a:visited { color: #ff6666; }
nav a:hover { color: #ff6666;
              background-color: #990066;}



main {background-color:#990066;
	  padding: 50px;
	  color: #ffffff;
	  margin-left: 190px;
      display: block;
      overflow: auto;}

h3 {text-align: center;
font-style:italic;}
	  
#finalhero {height: 300px;
           background-image: url(skinn.jpg);
		   margin-left: 190px;
		   background-size: 100% 100%;
	       background-repeat:no-repeat;}

	
h2 {color: #ffffff;
font-family: Arial, sans-serif;
font-style: italic;
text-align:center;
}

p{
margin-left:100px;}

form{margin: auto;
     display: grid;
	 display: grid-template-rows: auto;
}
input[type="submit"]{display: block;
                     margin:auto;
	                 background-color: #ff6666;
                     border-style:outset;
				     border-color:#ffffff;
				     height: 30px;
				     width: 80px;
				     text-shadow: none;
}
	 
footer {font-size: 70%;
font-style: italic;
text-align: center;
padding: 2em;
margin-left: 190px;
background-color: #ffcccc;}




@media (min-width: 600px) {
  nav li { display: inline-block;
           
           border: none; }
 
  footer  { clear: both; }
  }


	@media (min-width: 1024px){
	
 nav li { display: block; }
 
 nav ul { text-align: flex; }
 
 nav { float: left; }
 
 #wrapper{width: 80%; 
 margin: auto; 
 max-width: 1000px; }		

 
 
}