body {
  background-image: url("photography/legarric.JPG");
  background-size: cover;
  text-align:center;
  overflow-x:hidden;
  overflow-y:hidden; 
}

img {
  border: 2px solid grey;
  border-radius: 15%;
  margin-top:100px;
}

nav {
    background: hidden;
}
nav ul {
    list-style-type: none;
    margin: 5px;
    padding: 10px;
    overflow: hidden;
}

nav a {
    display: block;
    width: 300px;

}

.nav-left li {
    float: left;
}

.nav-right li {
    float: right;
}



.fade-in-image {
  opacity: 10%;
}

.fade-in-image:hover {
  opacity: 100%;
  transition: opacity 1s;
}