h1 {
    color:white;
    font-size: 50px;
    font-family: "Verdana", Geneva, sans-serif;
}

h2 {
    color:white;
    font-family: "Verdana", Geneva, sans-serif;
}


body {
    background-image: url("images/IMG_FERN.jpg");
    font-family: xcalibri;
    color:white;
      
}


.wrapper{
   
    background-color: rgba(11, 7, 41,.6);
    border-style: ridge;
    border-width: 10px;
    /* border-color:black; */
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 80%;
    max-width: 900px;
    min-width: 700px;
    display: block;
    padding-top: 50px;
    padding-right: 30px;
    padding-bottom: 50px;
    padding-left: 80px;
}

nav
{
	
	clear: both;
	text-align: left;
	background-color: rgba(0, 0,128,.5);
	
	
}	
nav ul
{
	margin:0;
	padding:0;
	List-style:none;
}

nav li
{
	display: inline-block;
	padding-top:10px;
	position: relative;
}

nav a 
{
	color:lightgray;
	text-decoration: none;
	/* text-transform:uppercase;*/
	font-size:18px;
} 

nav a:hover
{
	color:white;
}

nav a:before
{
	content:'';
	display:block;
	height:5px;
	background-color:white; 
	
	position: absolute;
	top:0;
	width:0;
	
	transition: ease-in-out 200ms; 
}
	 
nav a:hover:before
{
	width:100%; 
}

  footer{
     
      color:black;
  }

  @font-face{
    font-family: xcalibri;
    src: url(calibri.ttf)
    }