/* ----------------------------------------------------------- PARALLAX */
.page-parallax {
    width: 100vw;
    height: 100vh;

    overflow-x: hidden;
    overflow-y: scroll;
    transform-style: preserve-3d;
    position: relative;
    perspective: 10px;
}
.layer_-10 {
    width: 100vw;
    display: flex; flex-direction: column; align-items: center;
    position: absolute;
    z-index: -5;
    transform: translateZ(-30px) scale(4);
}

.layer_0 {
    width: 100vw; min-height: 100vh;
    display: flex; flex-direction: column; align-items: center;
    position: absolute;
    z-index: 0;
}




/* ------------------- old layers */

.layer-30 {
    width: 100vw;
    display: flex; flex-direction: column; align-items: center;
    position: absolute;
    z-index: -10;
    transform: translateZ(-30px) scale(4);
}


.layer-content-0 {
    width: 100vw; min-height: 100vh;
    display: flex; flex-direction: column; align-items: center;
    position: absolute;
    z-index: 0;
}
.layer-content-1 {
    width: 100vw; min-height: 100vh;
    display: flex; flex-direction: column; align-items: center;
    position: absolute;
    z-index: 1;
}