h1{
text-align: center;

}

nav > a {
color: white;
text-decoration: none;
background-color: pink;
display: inline-block;
width: 200px;
text-align: center;
border-left: 1px solid white;
border-top: 1px solid white;
border-right: 1px solid white;
margin: 5px;
padding-top: 5px;
border-radius: 0px 25px 0px 25px;s

}

.GO:hover {
background-color:rgb(119, 163, 253);
}

.img-container{
width: 50%;
display: flex;
margin: auto;
gap: 5px;
align-items: baseline;
}

img{
max-width: 100%;
height: auto;

}

.lightbox{
display: none;
background-color: rgb(0, 0, 0);
width: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
padding: 2em;
text-decoration: none;


}

.lightbox:target{
display: block;

}

span{


}

.lightbox img{
max-width: 100%;
height: 90vh;
box-shadow: 0 0 15px aliceblue;
    
}

.figcaption{
color: aliceblue;
font-size: 1.5rem;
margin-top: 5px;
text-align: center;
}

.lightbox span{

display: block;
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;



}