/* LIGHTBOX MARKUP */
.lightbox {
    /* hidden by default */
    display: none;

    /* overlay entire screen */
    position: fixed;
    z-index: 999;
    inset: 0;

    /* padding around image */
    padding: 1em;

    /* WHITE background */
    background: #fff !important;
}

/* show when targeted */
.lightbox:target {
    display: block;
}

.lightbox span {
    /* center the image box */
    display: block;
    margin: auto;

    /* scale nicely on any screen */
    width: 100%;
    height: 100%;
    max-width: 90vw;
    max-height: 90vh;

    /* image rendering */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* socials */
.fa-x-twitter {
    color: black;
}

.fa-facebook-f {
    color: #4267B2;
}

.fa-instagram {
    color: #c13584;
}

.fa-linkedin-in {
    color: #0077B5;
}

.fa-youtube {
    color: #CD201F;
}

i {
    padding: 2px;
}