body {
    background: linear-gradient(343deg, rgba(255, 255, 255, 1) 0%, rgba(89, 227, 255, 1) 30%, rgba(255, 227, 227, 1) 75%);
    ;
}

.carousel-caption.d-none.d-md-block {
    /* background-color: rgb(29, 29, 29); */
    /* background-color: rgb(22, 59, 54); */
    background: linear-gradient(0deg, rgba(82, 156, 144, 1) 0%, rgba(23, 57, 52, 1) 50%, rgba(41, 41, 41, 1) 100%);
    ;
    border-radius: 30px;
    padding-top: 10px;
    padding-bottom: 1px;
    opacity: 75%;
}

.gradient-text {
    background: linear-gradient(343deg, rgba(133, 86, 175, 1) 44%, rgba(0, 212, 255, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.gradient-text-2 {
    background: linear-gradient(343deg, rgba(0, 212, 255, 1) 5%, rgba(133, 86, 175, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.vr-250px {
    /* vertical ruler, stolen straight from w3schools */
    border-left: 3px solid blue;
    height: 250px;
}

.text-shadow {
    text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.2);
}

@media (min-width: 1024px) {
    #projectImagesCarousel {
        /*opacity: 50%; */
        max-width: 75%;
    }
}