*{
    
 cursor: none;
    
}


body{

    overflow: hidden;

    margin:0;
    padding:0;

    background-color: lightgrey;
}

main{
    position:absolute;
    z-index: 2000;
    
    pointer-events: none;
        
}

.cursor{
    
    position: absolute;
    
    transform: translate(-50%,-50%);
    
    width: 50px;
    
    z-index: 10000000;
    
    pointer-events: none;
    
}

.ground{


    position: absolute;
    overflow: visible;

    bottom:0;
    left:0;

    width:100%;
    height: 100%;

    background-color: rgb(222,222,222);
    /*background-color: rgb(5,5,5);
    background-color: rgb(80,50,20);
    background-color: rgb(150,150,150);
    background-color: rgb(105,157,78);*/
    background-color: rgb(251,255,220);
    background-color: rgb(101,157,81);
    
    background-image: url("../images/ground_2.png");
    background-repeat: repeat-x repeat-y;
    background-size: 5%;

    pointer-events: none;
    
 

}

.plant, .fence, .tree{

    position: absolute;

    height: 70px;

    transform: translate(-50%,-100%);

    /*background: white;*/
    
    pointer-events: none;

}

.leaf{

    width: 100px;

}

.bush{

    width:100px;

}



.system{

    position: absolute;


    top: 20%;
    left:70%;

    width: 100px;
    height: 100px;

    border-radius: 50px;

}

.flower{

    width: 80px;
}

#s2{

    top:50%;
    left:50%;

}

.circle{

    position: absolute;

    width: 50px;
    height: 50px;

    border-radius: 50%;

    border: 1px solid black;

}

.song { 
    position: absolute; 
    
    transform: translate(-50%,-50%);

    width: 10px;
    height: 10px;

    background: transparent;
    
}

.song img{
    
    width:100%;
    
}

.song:hover{

    cursor: pointer;

}

.block{

    position:absolute;

    height:300px;

    transform: translate(-50%,-100%);

    left: 50%;
    top: 100%;

    opacity: 1;
    
}

.frames{

    position: absolute;

    width: 100%;
    height: 100%;

    z-index: 1000;

    pointer-events: none;

}

.frame{

    position: absolute;

    background: white;


}

#left{

    left:0;
    width:50px;

    height: 100%;


}

#right{

    right:0;
    width:50px;

    height: 100%;


}

#top{

    top:0;
    width:100%;
    height: 50px;

}

#bottom{

    bottom:0;
    width:100%;
    height: 50px;

}