html {
background-color: Aquamarine;
}

h2 {
padding: 1% 1% 1% 1%;
font-family: 'Roboto', sans-serif;
}

nav ul { 


            margin: 0;

           padding: 0;
           
           font-family: 'News Cycle', sans-serif;

}
header{
  height:10%;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  }

section{
  padding-left:10%;
  width:100%;
  float:left;
  }
  
div{
  width:40%;
  float:left; 
  margin: 0% 1% 0% 1%;
  padding: 1% 1% 1% 1%;
  font-family: 'Roboto', sans-serif;
  }
  
 nav ul{
    list-style-type: none;
    margin: 0;
	padding: 0;
	overflow: hidden;
  background-color: #333;
}


li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: dodgerBlue;
}