.background{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    position: fixed;
    z-index: -10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(130, 213, 238);
}

.mountain{
    position: absolute;
    grid-row: 3/4;
    background: rgb(83, 194, 126);
    box-shadow: 0px 0px 4px rgb(65, 40, 20);
    border-radius: 50%;
}

.mountain::before{
    position: absolute;
    content: '';
    border-radius: 50%;
    width: 45%;
    height: 25%;
    top: -1%;
    background: rgb(255, 255, 255);
}
.mountain::after{
    position: absolute;
    content: '';
    border-radius: 50%;
    width: 45%;
    height: 25%;
    transform: skewX(20deg) rotate(30deg);
    background: rgb(255, 255, 255);
}

#ice{
    position: absolute;
    left: 30%;
    top: -.5%;
    width: 40%;
    height: 30%;
    border-radius: 50%;
    background: rgb(255, 255, 255);
}

#m1{
    width: 400px;
    height: 500px;
    top: -15vh;
    left: -100px;
}

#m1::before{ 
    left: 15%; 
    transform: skewX(160deg) rotate(170deg);
}

#m1::after{
    top: .5%;
    left: 43%;
    transform: skewX(20deg) rotate(30deg);
}

#m2{
    width: 300px;
    height: 500px;
    top: -8vh;
    left: 150px;
}

#m2::before{
    left: 15%;
    transform: skewX(155deg) rotate(170deg);
}

#m2::after{
    left: 40%;
    top: -1%;
    transform: skewX(25deg) rotate(25deg);
}

#m3{
    z-index: -1;
    width: 400px;
    height: 700px;
    top: -29vh;
    left: 300px;
}

#m3::before{
    left: 16%;
    transform: skewX(160deg) rotate(170deg);
}

#m3::after{
    top: -1%;
    left: 40%;
    transform: skewX(30deg) rotate(25deg);
}

#m4{

    width: 320px;
    height: 550px;
    top: -12vh;
    left: 600px;
}

#m4::before{
    left: 16%;
    transform: skewX(160deg) rotate(170deg);
}

#m4::after{
    top: -1%;
    left: 41%;
    transform: skewX(30deg) rotate(25deg);
}

#m5{

    width: 400px;
    height: 700px;
    top: -20vh;
    left: 800px;
}

#m5::before{
    left: 16%;
    transform: skewX(160deg) rotate(170deg);
}

#m5::after{
    top: -1%;
    left: 38%;
    transform: skewX(25deg) rotate(10deg);
}

#m6{
    z-index: -2;
    width: 400px;
    height: 700px;
    top: -15vh;
    left: 1100px;
}

#m6::before{
    left: 16%;
    transform: skewX(160deg) rotate(170deg);
}

#m6::after{
    top: -1%;
    left: 37%;
    transform: skewX(25deg) rotate(10deg);
}

.cloud{
    position: absolute;
    grid-row: 1/2;
    grid-column: 1/2;
    width: 160px;
    height: 50px;
    background: rgb(209, 236, 243);
    border-radius: 50px;
}

.cloud::before{
    position: absolute;
    content: '';
    top: -40px;
    left: 15px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: rgb(209, 236, 243);
}
  
.cloud::after{
    position: absolute;
    content: '';
    top: -25px;
    right: 20px;
    width: 60px;
    height:60px;
    border-radius: 70%;
    background: rgb(209, 236, 243);
}

#c1a{
    top: 27vh;
    left: -100px;
}

#c1{
    top: 10vh;
    left: 100px;
}

#c2{
    top: 40vh;
    left: 250px;
    
}

#c3{
    top: 10vh;
    left: 450px;
}

#c4{
    top: 25vh;
    left: 750px;
}

#c4b{
    top: 9vh;
    left: 950px;
}

#c5{
    top: 38vh;
    left: 1050px;
}

#c6{
    top: 15vh;
    left: 1300px;
}

.ground{
    position: absolute;
    grid-row: 3/4;
    width:100vw;
    height: 85px;
    bottom: 0;
    background-color: rgb(219, 177, 108);
}

.bushes{
    position: absolute;
    z-index: 1;
    top: -20px;
    width: 160px;
    height: 30px;
    background: rgb(77, 163, 37);
    border-radius: 50px;
}

.bushes::before{
    position: absolute;
    content: '';
    top: -40px;
    left: 15px;
    width: 90px;
    height: 80px;
    border-radius: 50%;
    background: rgb(77, 163, 37);
}
  
.bushes::after{
    position: absolute;
    content: '';
    top: -25px;
    right: 13px;
    width: 70px;
    height:60px;
    border-radius: 70%;
    background: rgb(77, 163, 37);
}

#b2{
    left: 200px;
}
#b3{
    left: 250px;
}
#b4{
    left: 400px;
}
#b5{
    left: 600px;
}
#b6{
    left: 700px;
}
#b7{
    left: 900px;
}
#b8{
    left: 1030px;
}
#b9{
    left: 1200px;
}

#b10{
    left: 1270px;
}

.groundSpecks{
    position: absolute;
    border-radius: 30px;
    background: rgb(190, 118, 58);
}