@charset "UTF-8";
/* CSS Document */


#sky{ 
	position: absolute;
	width: 100%;
	z-index:-15;
	height: 100%;
	top:0;
	left:0;
	background-image: linear-gradient(red, orange, yellow);
}

audio{
	position:absolute;
	left: 15;
	top: 50;
}



.grass{ 
	background-image:url("img/grass1.jpg") ;
	background-repeat: repeat-x;
	height: 40px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.clouds{
	position:absolute;
    height: 40px;
	width: 100%;
	top: 0;
	left: 0;
	background-image:url(img/grass.png"); 
	background-repeat: repeat-x;
	z-index: 2;
}

.Tiger{
	height: 40px;
	width: 40px;
	position: relative;
	z-index: 1;
	bottom: 5px;
	left: 75px;
}


.gator{
	height: 40px;
	width: 40px;
	position: absolute;
	z-index: 5;
	bottom: 5px;
	right: 75px;	
}


.leftside{
    height: 40px;
    width: 40px;
    position: absolute;
    z-index: 6;
    bottom: 15px;
    left: 83px;
}

.final{
    height: 400px;
    width: 400px;
    position: absolute;
    z-index: 10;
    left: 383px;
    top: 46px;
}