#wrapper {
    width:600px; 
    margin:0 auto; /* centers the div horizontally in all browsers (except IE) */
    background:#fff; 
    text-align:left; /*resets text alignment from body tag */
    border:1px solid #ccc;
    border-top:none; 
    padding:25px; 
    /* CSS3 styles, these will degrade gracefully in older browsers and IE */
    /* border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;  */
    /* box-shadow:0 0 5px #ccc;
    -moz-box-shadow:0 0 5px #ccc;
    -webkit-box-shadow:0 0 5px #ccc; */
}


#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%;
    height:100%; 
    /* background:rgba(51, 51, 51, .6);  */
    background-color:hsla(0, 0%, 10%, 0.8);
    backdrop-filter: blur(5.5px);
    -webkit-backdrop-filter: blur(5.5px);
    text-align:center;
    z-index: 9999;
}
#lightbox p {
    color:#fff; 
    margin-right:20px; 
    font-size:12px; 
    font-family: Basis Grotesque Pro Off-White;
    position: absolute;
    right: 3vw;
    top: 2vw;
    display: none;
}
#lightbox img {
    /* box-shadow:0 0 50px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111; */
    max-height: 95vh;
    max-width:95vw;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: none;
}

#halt #lightbox img {
    background-color: var(--intro-bg);
}

#lightbox #content {
 
}

#lightbox img.shadowless {
    box-shadow: none;
}