body{
    background-color: black;
    color: white;
    font-family: Arial, Helvetica, sans-serif;

}

nav{
    position: fixed;
    top: 0;
    gap: 1.44 rem;
 

}

nav a{
    color: white;
}



img.gif{
  height: 700px;
  width: 1350px;
}

.title{
    position: absolute;
    top: 18%;
    left: 40%;
   
}


#image{
    width: 40%;
    display: block;
    margin-left: auto;
    margin-right: auto;

}

#image:hover{
    transform: scale(2);
} 


@media only screen and (min-width :480px) {
    nav{
        grid-template-columns: 1fr 1fr 1fr
    }
}