/*THIRD */
#topNav ul {       
text-decoration:none;   
text-align:center;
}
#topNav ul li {
  display:inline;        
}
#topNav ul li a{      
text-decoration:none;  
padding:15px;          
background-color:none;
color:grey;
transition: all 2s ease; 
}
#topNav ul li a:hover{
opacity: 0.3;
}

 * { /* applies to all */
  font-family: "EB Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#container{
    background-color: white;
    width: 75%;
    margin: auto;
    border: 12px solid #fff018f2;
    padding: 5%; /* adds to each side of element */
}

.mainImg{
  width: 30%;
}

.mainImg:hover{
  width: 50%;
  margin: auto;
  content: url(https://github.com/markus-luik/Assets/blob/main/strongzerojpsmall.jpg?raw=true);
  transition: all 0.5s ease-in;
}