body{
    margin: 0;
}

.container{
     padding: 0 50px;
    /* margin: 30px; */
     /* width: 100%; */
}

img{
    width: 100%;
  max-width: 350px;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}

img:hover{
    opacity: 0.7;
}

h1{
    text-align: center;
    font-size: 50px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.photo{
    display: flex;
    flex-direction: row;   
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px 10px;

}

.photo::after {
    content: "";
    width: 700px;
  }

.buttons{
    border-bottom: 1px solid brown;
    padding-bottom: 5px;
    padding-left: 10px;
}  

footer{
    height: 200px;
    width: 100%;
    background-color: rgb(89, 69, 73);
}