.water {
    width: 50vw;
    height: 120vh;
    background-image: linear-gradient(0deg, rgb(31, 191, 219) 0%, rgba(32, 192, 220, 255) 53%, rgb(19, 44, 211) 76%, rgba(32, 192, 220, 255) 87%, rgb(31, 191, 219) 100%);
    margin-left: 50%;
    left: -25vw;
    position: absolute;
    top: -40vh;
    z-index: 2;
}

.lake {
    width: 150vw;
    height: 60vh;
    border-radius: 50%;
    background-image: linear-gradient(0deg, rgb(0, 14, 159) 0%, rgb(25, 0, 88) 100%);
    position: absolute;
    margin-left: 50%;
    left: -75vw;
    bottom: -19vh;
    transform: rotateX(-59deg);
    z-index: 6;
}

.stone {
    width: 25vw;
    height: 100vh;
    background-image: linear-gradient(0deg, rgb(68, 68, 68) 0%, rgb(42, 36, 36) 55%, rgb(109, 109, 109) 100%);
    position: absolute;
    top: 0vh;
    z-index: 5;
}

body {
    background-color: #000000;
}

.blocker {
    width: 100%;
    height: 30vh;
    position: absolute;
    z-index: 4;
}

.extra-water {
    background-color: #1fbfdb;
    width: 50vw;
    margin-left: 50%;
    left: -25vw;
    position: absolute;
    top: 27vh;
    height: 50vh;
}