img {
    width: 30%;
    margin: calc(10%/6);
    outline: none;
    transition:
        opacity 0.3s ease-in,
        transform 0.7s ease-out;





}

nav {
    text-transform: uppercase;
    border-bottom: 2px solid grey;
    display: flex;
    flex-shrink: 100px;
    font-weight: bolder;
    padding: 1.2em 0;
    width: 30%;
    margin: calc(10%/6);
}
h1{
  font-size: medium;
 
}

  
img:hover {
        transform: translateY(-20px);
        box-shadow: 0px 10px 10px 0px yellow;
        opacity: 75%;
        cursor: pointer;
        outline: 3px solid gold;


    }