.featherlight-close {
    color: #fff !important;
    background-color: transparent !important;
    font-size: 1.5rem;
    position: fixed !important;
    top: 5vmin !important;
    right: 5vmin !important;
    cursor: pointer;
}

.featherlight-content {
    background-color: transparent !important;
}

body > #secretLightbox {
    display: none;
}

    #slideOne {

    }

        #slideOne img {
            width: 100%;
        }

        #slideOne .lightboxButton {
            color: #fff !important;
            margin-left: auto;
            width: fit-content;
            cursor: pointer;
        }

    #slideTwo {
        display: none;
    }

        #slideTwo .question {
            color: #fff !important;
            margin-left: auto;
            width: fit-content;
            cursor: pointer;

        }

        #slideTwo .error {
            display: none;
            color: red;
            text-align: center;
            margin: 1rem 0 0 0;
        }

        #slideTwoInput {
            font-size: 1rem;
            width: 100%;
            padding: .5rem 1rem;
            background-color: rgba(255,255,255,0.2);
            border: none;
            border-radius: 0;
            outline: none;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin: 30px 0;
        }

        #slideTwoNext {
            color: #fff !important;
            margin-left: auto;
            width: fit-content;
            cursor: pointer;

        }

    #slideThree {
        display: none;
        text-transform: uppercase;
        font-size: 1.5rem;
    }

        #slideThreeText {
            text-align: center;
        }

        #slideThreeAnswer {
            color: #f00;
            margin: .5rem 0;
        }

        #slideThreeSecret img {
            width: 100%;
            max-width: 600px;
            margin-top: 2rem;
        }