body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, Helvetica, sans-serif;
background-image: url(https://file.garden/Z85RLwcYZ0vCXjN8/Art%20Museum%20In%20The%20Night);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

.container {
display: flex;
flex-wrap: wrap;
}

.container div {
border: 2px solid red;
padding: 15px;
text-align: left;
width: 500px;
margin: 5px;
}

.container .main {
background-color: white;
height: 340px;
overflow: auto;
}

.container .main ul {
list-style: none;
padding: 0px;
}

.container .main a:hover {
color: red;
}
.header {
display: block;
border: 2px solid red;
height: 95px;
overflow: hidden;
background-image: linear-gradient(to bottom, rgba(255,255,255,0) 50%, black), url("header.png");
background-position: center;
}

a {
text-decoration: none;
}

.container .nav {
display: flex;
border: 2px solid red;
background-color: white;
height: 16px;
margin: 5px;
text-align: center;
align-items: center;
justify-content: space-evenly;
}

.container .nav ul {
display: flex;
padding: 0px;
list-style: none;
gap: 13px;
}

.container .nav li {
font-size: 17px;
}

.links ul {
list-style: none;
padding: 0px;
}

.nav a:hover {
color: red;
}

li {
margin-bottom: 5px;
}

.container div::-webkit-scrollbar {
  display: none;
}


.container div {
  -ms-overflow-style: none;  
}

.container .images {
border: 0px;
width: 130px;
}

.images img {
position: relative;
left: 10px;
width: 100%;
height: auto;
}

.divider {
width: 100%
}

.container .main .gallery {
display: flex;
justify-content: center;
border: none;
padding: 0px;
margin: 0px;
text-align: center;
}

.gallery img {
width: 80%;
height: auto;
border: 2px solid red;
}

.gallery ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0px;
}

.gallery p {
margin-top: 2px;
}

.images p {
color: white;
}

footer {
color: red;
}

@media (max-width: 736px) {
  body {
    display: block;
    align-content: center;
  }

.container {
flex-direction: column-reverse;
align-items: center;
}

.container div {
width: auto;
}

.images img {
width: 120%;
height: auto;
padding: 3px;
}

.container .nav {
justify-content: space-evenly;
}

}

@media (max-width: 514px) {

.container .nav li {
font-size: 15px;
}

}

@media (max-width: 468px) {

.container .nav li {
font-size: 13px;
}

}