body {
    color: rgb(185, 179, 179);
    margin: auto;
    background-image: url(tlo/mcquini.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}

header {

    width: 100%;
    height: 150px;
}

nav{
    width: auto;
    height: auto; 
    float: left;
    background-color: rgba(143, 129, 152, 0.649);
}
li{
    transition:0.7s all;

}
nav, article, aside{
    height: 800px;
    border: 1px solid rgba(143, 129, 152, 0.649);
    padding: 10px;
}

article {
    text-align: center;
    width: 80%;
    background-color: rgba(236, 234, 239, 0.9);
    background-size: cover;
    min-height: 1000px;
    background-position: center;
    color:  rgba(78, 78, 78, 0.9);

   
}

aside {
    width: auto;
    height: auto;
    background-color:rgba(143, 129, 152, 0.649);
    text-align: center;
    
    
}


footer {
    max-width: auto;
    height: 100px;
    margin: 0 auto;
    background-color: rgba(115, 108, 118, 0.832);
    text-align: center;
}


.link{
    color: white;   
    text-decoration: none;
    

}
li{
    padding: 10px 30px;
   
}
main{
    margin: 0 auto;
    max-width: 1200px; 
    display: flex;
   

}



nav{
    width: 220px;
    height: 1000px;
    float: left;

    background-color: rgba(235, 233, 238, 0.464);
}
.gallery-container {
    width: 600px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }

  .gallery-images {
    width: 100%;
    height: 100%;
    
    display: flex;
    transition: transform 0.3s ease-in-out;
  }

  .gallery-image {
    width: 600px;
    height: 400px;
    object-fit: contain;
  }