/* 

    SKY > CLOUDS > BUSHES > SIGNPOST >  SIGNS > GRASS > TREE 
     0       1        2         3         4       5       6

*/

.sky { z-index: 0; }
.clouds { z-index: 1;}
.bushes { z-index: 2;}
.sign_post { z-index: 3;}
.sign { z-index: 4;}
.grass { z-index: 5;}
.trees {z-index: 6;}
 
.sky, .clouds, .bushes, .sign_post, .grass, .trees {
    pointer-events: none;
}

/** CSS for Trees copy **/
.trees{ 
    background-image: url('./images/Trees_copy.png'); 
    position: absolute; 
    left: 0px; 
    top:  0px; 
    width: 819px; 
    height: 935px; 
 
}

/** CSS for Grass **/
.grass{ 
    background-image: url('./images/Grass.png'); 
    position: absolute; 
    left: 0px; 
    top:  756px; 
    width: 1920px; 
    height: 324px; 
    
 }

/** CSS for Busey Woods **/
.Busey_Woods{ 
    background-image: url('./images/Busey_Woods.png'); 
    position: absolute; 
    left: 950px; 
    top:  168px; 
    width: 383px; 
    height: 115px; 
 }

/** CSS for Meadowbrook Park **/
.Meadowbrook_Park{ 
    background-image: url('./images/Meadowbrook_Park.png'); 
    position: absolute; 
    left: 862px; 
    top:  290px; 
    width: 465px; 
    height: 91px; 
 }

/** CSS for Weaver Park **/
.Weaver_Park{ 
    background-image: url('./images/Weaver_Park.png'); 
    position: absolute; 
    left: 917px; 
    top:  390px; 
    width: 376px; 
    height: 86px; 
 }

/** CSS for Perkins Park **/
.Perkins_Park{ 
    background-image: url('./images/Perkins_Park.png'); 
    position: absolute; 
    left: 940px; 
    top:  489px; 
    width: 392px; 
    height: 75px; 
 }

/** CSS for Crystal Lake Park **/
.Crystal_Lake_Park{ 
    background-image: url('./images/Crystal_Lake_Park.png'); 
    position: absolute; 
    left: 883px; 
    top:  589px; 
    width: 452px; 
    height: 98px; 
 }

/** CSS for Sign Post **/
.sign_post{ 
    background-image: url('./images/Sign_Post.png'); 
    position: absolute; 
    left: 1079px; 
    top:  137px; 
    width: 65px; 
    height: 883px; 
 }

/** CSS for Bushes **/
.bushes{ 
    background-image: url('./images/Bushes.png'); 
    position: absolute; 
    left: 0px; 
    top:  466px; 
    width: 1920px; 
    height: 521px; 
 }

/** CSS for Clouds **/
.clouds{ 
    background-image: url('./images/Clouds.png'); 
    position: absolute; 
    left: 0px; 
    top:  4px; 
    width: 1920px; 
    height: 444px; 
 }

/** CSS for Sky **/
.sky{ 
    background-image: url('./images/Sky.png'); 
    position: absolute; 
    left: 0px; 
    top:  0px; 
    width: 1920px; 
    height: 1080px; 
 }