* {
    margin: 0%;
    padding: 0%;
}

.aasman2 {
    background-color: rgb(20, 20, 20);
    height: 300px;
}

.grass1 {
    position: absolute;
    margin-top: -180px;
    margin-left: 400px;
    height: 250px;
}

.grass2 {
    position: absolute;
    margin-top: -180px;
    margin-left: 0px;
    height: 250px;

}

.grass3 {
    position: absolute;
    margin-top: -180px;
    margin-left: 800px;
    height: 250px;
}

.grass4 {
    position: absolute;
    margin-top: -180px;
    margin-left: 1099px;
    height: 250px;
}

.housearea4 {
    height: 470px;
    background: linear-gradient(rgb(0, 0, 0), rgb(14, 14, 14), rgba(8, 8, 8, 0.973));
}

.grass5 {
    height: 170px;
    margin-top: -150px;
    margin-left: 00px;
    position: absolute;
}

.grass7 {
    height: 170px;
    margin-top: -150px;
    margin-left: 360px;
    position: absolute;
}

.grass8 {
    height: 170px;
    margin-top: -150px;
    margin-left: 720px;
    position: absolute;
}

.grass9 {
    height: 170px;
    margin-top: -150px;
    margin-left: 999px;
    position: absolute;
}


.haveli {
    height: 530px;
    margin-top: -140px;
    margin-left: 690px;
    position: absolute;
    z-index: 100;
}

.tree1 {
    height: 240px;
    margin-top: 150px;
    margin-left: 10px;
    position: absolute;
}

.tree2 {
    height: 90px;
    margin-top: -110px;
    margin-left: 50px;
    position: absolute;
}

.tree3 {
    height: 90px;
    margin-top: -110px;
    margin-left: 150px;
    position: absolute;
}

.tree4 {
    height: 90px;
    margin-top: -110px;
    margin-left: 250px;
    position: absolute;
}

.tree5 {
    height: 90px;
    margin-top: -110px;
    margin-left: 350px;
    position: absolute;
}

.tree6 {
    height: 90px;
    margin-top: -110px;
    margin-left: 450px;
    position: absolute;
}

.tree7 {
    height: 90px;
    margin-top: -110px;
    margin-left: 1150px;
    position: absolute;
}

.tree8 {
    height: 90px;
    margin-top: -110px;
    margin-left: 550px;
    position: absolute;
}

.tree9 {
    height: 149px;
    margin-top: -10px;
    margin-left: 50px;
    position: absolute;
}

.tree10 {
    height: 149px;
    margin-top: -10px;
    margin-left: 350px;
    position: absolute;
}

.tree11 {
    height: 149px;
    margin-top: -232px;
    margin-left: 675px;
    position: absolute;
    z-index: 100;
}

.cloud4 {
    height: 100px;
    position: absolute;
    margin-top: -260px;
    margin-left: -200px;
    animation-name: cloud;
    animation-duration: 79s;
    animation-iteration-count: infinite;
    opacity: 0.7;
}

@keyframes cloud {
    from {
        margin-left: -200px;
    }

    to {
        margin-left: 1400px;
    }
}

.cloud5 {
    height: 70px;
    position: absolute;
    margin-top: -260px;
    margin-left: 1400px;
    animation-name: cloud1;
    animation-duration: 64s;
    animation-iteration-count: infinite;
    opacity: 0.8;
}

@keyframes cloud1 {
    from {
        margin-left: 1400px;
    }

    to {
        margin-left: -200px;
    }
}

.cloud6 {
    height: 100px;
    position: absolute;
    margin-top: -240px;
    margin-left: -220px;
    animation-name: cloud6;
    animation-duration: 40s;
    animation-iteration-count: infinite;
}

@keyframes cloud6 {
    from {
        margin-left: -200px;
    }

    to {
        margin-left: 1400px;
    }
}

.cloud7 {
    height: 80px;
    position: absolute;
    margin-top: -260px;
    margin-left: 1500px;
    animation-name: cloud7;
    animation-duration: 40s;
    animation-iteration-count: infinite;
}

@keyframes cloud7 {
    from {
        margin-left: 1500px;
    }

    to {
        margin-left: -200px;
    }
}

.cloud8 {
    height: 80px;
    position: absolute;
    margin-top: -230px;
    margin-left: 370px;
    animation-name: cloud8;
    animation-duration: 76s;
    animation-iteration-count: infinite;
}

@keyframes cloud8 {
    25% {
        margin-left: 850px;
    }

    50% {
        margin-left: 350px;
    }

    75% {
        margin-left: 1100px;
    }

    100% {
        margin-left: 70px;
    }
}

.road1 {
    height: 230px;
    margin-top: 0px;
    background: linear-gradient(rgb(32, 32, 32), rgb(36, 36, 36), rgb(37, 37, 37));
}

.road2 {
    height: 40px;
    width: 150px;
    float: left;
    margin-inline: 70px;
    margin-top: 90px;
    position: relative;
    margin-left: 100px;
    background-color: rgb(177, 177, 177);

}

.grass05 {
    height: 150px;
    margin-top: -134px;
    margin-left: 00px;
    position: absolute;
}

.grass07 {
    height: 150px;
    margin-top: -134px;
    margin-left: 360px;
    position: absolute;
}

.grass08 {
    height: 150px;
    margin-top: -134px;
    margin-left: 720px;
    position: absolute;
}

.grass09 {
    height: 150px;
    margin-top: -134px;
    margin-left: 999px;
    position: absolute;
}

.dog1 {
    height: 45px;
    position: absolute;
    margin-top: -700px;
    margin-left: 1400px;
    animation-name: dog1;
    animation-duration: 25s;
    animation-iteration-count: infinite;
    z-index: 1;
}

@keyframes dog1 {
    from {
        margin-left: 1400px;
    }

    to {
        margin-left: -320px;
    }
}

.chill1 {
    height: 170px;
    position: absolute;
    margin-top: -280px;
    margin-left: -200px;
    animation-name: chill1;
    animation-duration: 22s;
    animation-iteration-count: infinite;
}

@keyframes chill1 {
    from {
        margin-left: -200px;
    }

    to {
        margin-left: 1500px;
    }
}

.chudel1 {
    position: absolute;
    height: 115px;
    margin-top: 202px;
    margin-left: 1100px;
    z-index: 1000;
}

.chudel2 {
    position: absolute;
    height: 100px;
    margin-top: -230px;
    margin-left: -200px;
    z-index: 1000;
    animation-name: chudel2;
    animation-duration: 15s;
    animation-iteration-count: 2;
    animation-delay: 2s;
}

@keyframes chudel2 {
    from {
        margin-top: -230px;
        height: 100px;
        margin-left: -200px;
    }

    to {
        margin-top: -180px;
        margin-left: 1500px;
        height: 230px;
    }
}