html 
{
	background-color: #6DB8EE

}
header
{
	background-color: #308ED1
      padding:bottom 10px;
;
}
h1 
{
	color: #40678;
	font-family: Comic Sans, Sansserif;
	font-size: xx-large;

}
nav
{
      font-family: sansserif;
      background-color: #308ED1;
}
section
{
      font-family: verdana;
}


footer
{
	background-color: #308ED1;

}
p
{
	font-family: verdana;
	font-size: medium;
}

*{margin:0;padding:0;box-sizing:border-box;font-size:0;}  
nav a{
      text-decoration:none;
      color:inherit;
      font-size:14px;
      }
            
nav li{
      display:inline-block;
      width:150px;
      height:40px;
      padding:10px 10px;
      background-color: #236899;
      border:1px solid #000;
      text-align:center;
      color:#fff;
      position:relative;
}
            
nav li:hover{
      background-color:#fff;
      color:#000;
      }
            
nav li>ul{
      display:none;
      }

nav li:hover>ul{
      display:block;
      position:absolute;
      top:30px;
      left:0px;
}
img {
      height: 300px;
      width: 300px;
      object-fit: cover;
}
img {
      border-radius: 50px;
      border: 7px solid lightblue; 
}