/* CSS HEX
    --cultured: #f3f3f3;
    --old-lace: #f5f1e3;
    --light-sky-blue: #83d3ff;
    --blue-green: #4291b4;
    --lapis-lazuli: #366489;
    --ruby: #d81159;

     CSS HSL
    --cultured: hsla(0, 0%, 95%, 1);
    --old-lace: hsla(47, 47%, 93%, 1);
    --light-sky-blue: hsla(201, 100%, 76%, 1);
    --blue-green: hsla(198, 46%, 48%, 1);
    --lapis-lazuli: hsla(207, 43%, 37%, 1);
    --ruby: hsla(338, 85%, 46%, 1);

    SCSS RGB
    $cultured: rgba(243, 243, 243, 1);
    $old-lace: rgba(245, 241, 227, 1);
    $light-sky-blue: rgba(131, 211, 255, 1);
    $blue-green: rgba(66, 145, 180, 1);
    $lapis-lazuli: rgba(54, 100, 137, 1);
    $ruby: rgba(216, 17, 89, 1);

    */

    .parallax {
        margin-top: -100vh;
        width: 100vw;
        height: 100vh;
        background: linear-gradient(45deg, red, blue);
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0;
        z-index: 0;
        /* background-image: url(../../img/website/bg_parallax_dots.png); */
    }
    .parallax-spacer {
        position: relative;
        width: 100%;
        height: 70vh;
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
        z-index: 2;
    }
    .parallax1 {
        /*background-image: url(../../img/website/bg_parallax_dots1.jpg);*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        top: 0;
    }
    .parallax2 {
        /*background-image: url(../../img/website/bg_parallax_dots2.jpg);*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        top: 0;
    }
    .parallax3 {
        /*background-image: url(../../img/website/bg_parallax_dots3.jpg);*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        top: 0;
    }
    .parallax4 {
        /*background-image: url(../../img/website/bg_parallax_dots4.jpg);*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        top: 0;
    }