/* Lightbox CSS */

.lightbox {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,.85);
z-index: 9999;
padding: 20px;
}

.lightbox:target {
display: flex;
justify-content: center;
align-items: center;
}

.lightbox-content {
position: relative;
max-width: 95%;
max-height: 95vh;
}

.lightbox-content img {
display: block;
max-width: 100%;
max-height: 90vh;
height: auto;
}

.close {
position: absolute;
top: -15px;
right: -15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
color: #000;
text-decoration: none;
font-size: 30px;
font-weight: bold;
border-radius: 50%;
}

.close:hover {
background: #f0f0f0;
}
 .lightbox {display: none;}