body {
    background-image: url(FONTS/texture-324579_1280.3.jpg);
    background-size: cover;
    display: flex;
    align-items: center;
    margin: 40px;
}



header {
    padding: 5px;
    margin: 0px;
    width: 240px;
}
    .marsh {
       margin: auto; 
       padding: 5px;
    }
    




.marsh a:hover{
    transform: scale(1);
    display:inline-table;
    position: relative;
    top: -15px;
    left: 30px;
    background-color: var(--color-black);
    width: 264.6px;
    height: 30px;
   
    gap: 10px;
  
    }
   


.a img :hover{
    background-color: rgb(255, 185, 55);
    
}














#img {
    position:sticky;
    border: 0.1 solid #ecc30b;
    
}

#img:hover {
    transform: scale(1.8);
    border: 20px solid rgba(233, 154, 7, 0.274)

}




.marsh a:hover {
    transform: scale(1.2);
    background-color: rgb(255, 185, 55);
    text-decoration-color: cadetblue;
}

@media only screen and (max-width: 600px){
    .container{
        display: flex;
      
        flex-direction: column;
        
   }

        body{
            align-items: normal;
            justify-content: normal;
            margin: auto;
            margin-top: 15px;
        }

}