/* CSS */
* {margin: 0; padding: 0;}
img {width: 95%; height: auto; display: block;}

.mountain-scene /* green-yard */
{
	background-color: rgb(0,176,80);
	border: 20px ridge lightgreen;
	height: 100vh;
	box-sizing: border-box;
}


div.landscape /* yellow-house */
{
	background-color: yellow;
	display: flex;
	justify-content: center;
	border: 5px outset yellow;
	z-index: -10030;
}

div.section /* grey-room */
{
	display: flex;
	background-image: linear-gradient(to bottom, #80BFBF, #B4D9D5);
	width: 100%;
	height: 450px;
	background-color: gray;
	margin: 5px;
	padding: 5px;
	z-index: -10100;
}


.mountain-scene /* green-yard */
{
	z-index: -10100;
}

div.landscape /* yellow-house */
{
	position: relative;
	z-index: -10090;
}

.section /* grey-room */
{
	position: relative;
	z-index: -10080;
	/*opacity: .5;*/
}

.cat
{
	position: absolute;
	top: 50px;
	left: 10px;
}

/*
50% 		 #aa7e55
45% 		 #99714d
40% 		 #886544
35% 		 #77583c
30% 		 #664c33
25% 		 #553f2b
20% 		 #443222
*/

.mtn01 /* This is a triangle which is being used for mountains. */
{
	width: 0px;
	border: 250px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #664c33;
	position: absolute;
	top: -250px;
	left: 200px;
	z-index: -9000;
}


.mtn02 /* This is a triangle which is being used for mountains. */
{
	width: 0px;
	border: 200px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #553f2b;
	position: absolute;
	top: -180px;
	left: 350px;
	z-index: -9010;
}


.mtn03 /* This is a triangle which is being used for mountains. */
{
	width: 0px;
	border: 200px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #886544;
	position: absolute;
	top: -150px;
	left: 150px;
	z-index: -8990;
}


.mtn04 /* This is a triangle which is being used for mountains. */
{
	width: 0px;
	border: 175px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #77583c;
	position: absolute;
	top: -100px;
	left: 300px;
	z-index: -8980;
}


.river01 /* This is an "odd" shape used for part of the river. */
{
	box-sizing: border-box;
	width: 210px;
	height: 30px;
	margin: 5px;
	background-image: linear-gradient(to right, #c7e4ea, #a3d2dc);
	border-radius: 25% 75% 25% 75% / 30% 70% 30% 70%;
	rotate: 0deg;
	position: absolute;
	top: 230px;
	left: 150px;
	z-index: -8980;
	padding: 5px;
}


.river02 /* This is an "odd" shape used for part of the river. */
{
	box-sizing: border-box;
	width: 45px;
	height: 100px;
	margin: 5px;
	background-image: linear-gradient(to right, #a3d2dc, #a3d2dc);
	border-radius: 54% 46% 63% 37% / 64% 85% 15% 36% ;
	rotate: 45deg;
	position: absolute;
	top: 233px;
	left: 300px;
	z-index: -8970;
	padding: 5px;
}


.river03  /* This is a circle/oval which is being used for a river */
{
	box-sizing: border-box;
	width: 500px;
	height: 65px;
	margin: 5px;
	background-image: linear-gradient(to right, #a3d2dc, #7ec1ce);
	border-radius: 50%;
	rotate: 5deg;
	position: absolute;
	top: 300px;
	left: 280px;
	z-index: -8980;
	padding: 5px;
}


/* Trees on the Right Trees on the Right Trees on the Right */

.trees-right
{
	width: 0px;
	height: 0px;
	position: relative;
	top: 125px;
	left: 700px;
	z-index: -8590;
	padding: 5px;
}


.tree01 /* This is a rectangle/square which is being used for the tree trunk. */
{
	position: relative;
	width: 15px;
	height: 175px;
	background-image: linear-gradient(to bottom, #aa7e55, #886544);
	margin: 5px;
	
	box-sizing: border-box;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -8590;
	padding: 5px;
}


.branch11 /* This is a triangle which is being used for branches. */
{
	width: 35px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 90px;
	left: -38px;
	z-index: -8580;
}


.branch12 /* This is a triangle which is being used for branches. */
{
	width: 30px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 70px;
	left: -35px;
	z-index: -8580;
}


.branch13 /* This is a triangle which is being used for branches. */
{
	width: 25px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 50px;
	left: -32px;
	z-index: -8580;
}


.branch14 /* This is a triangle which is being used for branches. */
{
	width: 20px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 30px;
	left: -29px;
	z-index: -8580;
}


.branch15 /* This is a triangle which is being used for branches. */
{
	width: 15px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 10px;
	left: -26px;
	z-index: -8580;
}


.branch16 /* This is a triangle which is being used for branches. */
{
	width: 10px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: -10px;
	left: -23px;
	z-index: -8580;
}


.branch17 /* This is a triangle which is being used for branches. */
{
	width: 5px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: -30px;
	left: -23px;
	z-index: -8580;
}


.branch18 /* This is a triangle which is being used for branches. */
{
	width: 0px;
	border: 20px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: -40px;
	left: -16px;
	z-index: -8580;
}


.tree02  /* This is a rectangle/square which is being used for the tree trunk. */
{
	position: relative;
	width: 13px;
	height: 175px;
	background-image: linear-gradient(to bottom, #aa7e55, #886544);
	margin: 5px;
	
	box-sizing: border-box;
	position: relative;
	top: -205px;
	left: -30px;
	z-index: -8690;
	padding: 5px;
}


.branch21 /* This is a triangle which is being used for branches. */
{
	width: 35px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 90px;
	left: -38px;
	z-index: -8680;
}


.branch22 /* This is a triangle which is being used for branches. */
{
	width: 30px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 70px;
	left: -35px;
	z-index: -8680;
}


.branch23 /* This is a triangle which is being used for branches. */
{
	width: 25px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 50px;
	left: -32px;
	z-index: -8680;
}


.branch24 /* This is a triangle which is being used for branches. */
{
	width: 20px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 30px;
	left: -29px;
	z-index: -8680;
}


.branch25 /* This is a triangle which is being used for branches. */
{
	width: 15px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 10px;
	left: -26px;
	z-index: -8680;
}


.branch26 /* This is a triangle which is being used for branches. */
{
	width: 10px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: -10px;
	left: -23px;
	z-index: -8680;
}


.branch27 /* This is a triangle which is being used for branches. */
{
	width: 5px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: -30px;
	left: -23px;
	z-index: -8680;
}


.branch28 /* This is a triangle which is being used for branches. */
{
	width: 0px;
	border: 20px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: -40px;
	left: -16px;
	z-index: -8680;
}


.tree03  /* This is a rectangle/square which is being used for the tree trunk. */
{
	position: relative;
	width: 10px;
	height: 175px;
	background-image: linear-gradient(to bottom, #aa7e55, #886544);
	margin: 5px;
	
	box-sizing: border-box;
	position: relative;
	top: -410px;
	left: 25px;
	z-index: -8790;
	padding: 5px;
}


.branch31 /* This is a triangle which is being used for branches. */
{
	width: 35px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 90px;
	left: -38px;
	z-index: -8780;
}


.branch32 /* This is a triangle which is being used for branches. */
{
	width: 30px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 70px;
	left: -35px;
	z-index: -8780;
}


.branch33 /* This is a triangle which is being used for branches. */
{
	width: 25px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 50px;
	left: -32px;
	z-index: -8780;
}


.branch34 /* This is a triangle which is being used for branches. */
{
	width: 20px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 30px;
	left: -29px;
	z-index: -8780;
}


.branch35 /* This is a triangle which is being used for branches. */
{
	width: 15px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 10px;
	left: -26px;
	z-index: -8780;
}


.branch36 /* This is a triangle which is being used for branches. */
{
	width: 10px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: -10px;
	left: -23px;
	z-index: -8780;
}


.branch37 /* This is a triangle which is being used for branches. */
{
	width: 5px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: -30px;
	left: -23px;
	z-index: -8780;
}


.branch38 /* This is a triangle which is being used for branches. */
{
	width: 0px;
	border: 20px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: -40px;
	left: -16px;
	z-index: -8780;
}


/* Trees on the Left Trees on the Left Trees on the Left */

.trees-left
{
	width: 0px;
	height: 0px;
	position: relative;
	top: 125px;
	left: 50px;
	z-index: -8590;
	padding: 5px;
}


.tree04  /* This is a rectangle/square which is being used for the tree trunk. */
{
	position: relative;
	width: 15px;
	height: 175px;
	background-image: linear-gradient(to bottom, #aa7e55, #886544);
	margin: 5px;
	
	box-sizing: border-box;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -8590;
	padding: 5px;
}


.branch41 /* This is a triangle which is being used for branches. */
{
	width: 35px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 90px;
	left: -38px;
	z-index: -8580;
}


.branch42 /* This is a triangle which is being used for branches. */
{
	width: 30px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 70px;
	left: -35px;
	z-index: -8580;
}


.branch43 /* This is a triangle which is being used for branches. */
{
	width: 25px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 50px;
	left: -32px;
	z-index: -8580;
}


.branch44 /* This is a triangle which is being used for branches. */
{
	width: 20px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 30px;
	left: -29px;
	z-index: -8580;
}


.branch45 /* This is a triangle which is being used for branches. */
{
	width: 15px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: 10px;
	left: -26px;
	z-index: -8580;
}


.branch46 /* This is a triangle which is being used for branches. */
{
	width: 10px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: -10px;
	left: -23px;
	z-index: -8580;
}


.branch47 /* This is a triangle which is being used for branches. */
{
	width: 5px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: -30px;
	left: -23px;
	z-index: -8580;
}


.branch48 /* This is a triangle which is being used for branches. */
{
	width: 0px;
	border: 20px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #3f858d;
	position: absolute;
	top: -40px;
	left: -16px;
	z-index: -8580;
}


.tree05  /* This is a rectangle/square which is being used for the tree trunk. */
{
	position: relative;
	width: 13px;
	height: 175px;
	background-image: linear-gradient(to bottom, #aa7e55, #886544);
	margin: 5px;
	
	box-sizing: border-box;
	position: relative;
	top: -205px;
	left: -30px;
	z-index: -8690;
	padding: 5px;
}


.branch51 /* This is a triangle which is being used for branches. */
{
	width: 35px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 90px;
	left: -38px;
	z-index: -8680;
}


.branch52 /* This is a triangle which is being used for branches. */
{
	width: 30px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 70px;
	left: -35px;
	z-index: -8680;
}


.branch53 /* This is a triangle which is being used for branches. */
{
	width: 25px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 50px;
	left: -32px;
	z-index: -8680;
}


.branch54 /* This is a triangle which is being used for branches. */
{
	width: 20px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 30px;
	left: -29px;
	z-index: -8680;
}


.branch55 /* This is a triangle which is being used for branches. */
{
	width: 15px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: 10px;
	left: -26px;
	z-index: -8680;
}


.branch56 /* This is a triangle which is being used for branches. */
{
	width: 10px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: -10px;
	left: -23px;
	z-index: -8680;
}


.branch57 /* This is a triangle which is being used for branches. */
{
	width: 5px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: -30px;
	left: -23px;
	z-index: -8680;
}


.branch58 /* This is a triangle which is being used for branches. */
{
	width: 0px;
	border: 20px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #37747b;
	position: absolute;
	top: -40px;
	left: -16px;
	z-index: -8680;
}


.tree06  /* This is a rectangle/square which is being used for the tree trunk. */
{
	position: relative;
	width: 10px;
	height: 175px;
	background-image: linear-gradient(to bottom, #aa7e55, #886544);
	margin: 5px;
	
	box-sizing: border-box;
	position: relative;
	top: -410px;
	left: 25px;
	z-index: -8790;
	padding: 5px;
}


.branch61 /* This is a triangle which is being used for branches. */
{
	width: 35px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 90px;
	left: -38px;
	z-index: -8780;
}


.branch62 /* This is a triangle which is being used for branches. */
{
	width: 30px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 70px;
	left: -35px;
	z-index: -8780;
}


.branch63 /* This is a triangle which is being used for branches. */
{
	width: 25px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 50px;
	left: -32px;
	z-index: -8780;
}


.branch64 /* This is a triangle which is being used for branches. */
{
	width: 20px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 30px;
	left: -29px;
	z-index: -8780;
}


.branch65 /* This is a triangle which is being used for branches. */
{
	width: 15px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: 10px;
	left: -26px;
	z-index: -8780;
}


.branch66 /* This is a triangle which is being used for branches. */
{
	width: 10px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: -10px;
	left: -23px;
	z-index: -8780;
}


.branch67 /* This is a triangle which is being used for branches. */
{
	width: 5px;
	border: 25px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: -30px;
	left: -23px;
	z-index: -8780;
}


.branch68 /* This is a triangle which is being used for branches. */
{
	width: 0px;
	border: 20px solid transparent;
	border-left-color: none;
	border-top-color: none;
	border-right-color: none;
	border-bottom-color: #285459;
	position: absolute;
	top: -40px;
	left: -16px;
	z-index: -8780;
}


.grass
{
	width: 10px;
	height: 10px;
	position: absolute;
	top: 150px;
	left: 0px;
	z-index: -10050;
}

.grass-background
{
	width: 100vw;
	height: 300px;
	background-image: linear-gradient(to bottom, #00b300, #b3ffb3);
	position: relative;
	top: 0px;
	left: 0px;
	z-index: -10040;
}


.grass-hill01  /* This is a circle/oval which is being used for grassy hills. */
{
	box-sizing: border-box;
	width: 200px;
	height: 30px;
	background: #00b300;
	border-radius: 50%;
	position: relative;
	top: -315px;
	left: 0px;
	z-index: 100;
	border: 2px solid #00b300;
}


.grass-hill02  /* This is a circle/oval which is being used for grassy hills. */
{
	box-sizing: border-box;
	width: 150px;
	height: 70px;
	background: #00b300;
	border-radius: 50%;
	position: relative;
	top: -355px;
	left: 125px;
	z-index: 100;
	border: 2px solid #00b300;
}


.grass-hill03  /* This is a circle/oval which is being used for grassy hills. */
{
	box-sizing: border-box;
	width: 175px;
	height: 70px;
	background: #00b300;
	border-radius: 50%;
	position: relative;
	top: -440px;
	left: 615px;
	z-index: 1000;
	border-left: 2px solid #009900;
	border-top: 2px solid #009900;
}


.road /* This is a rectangle/square which is being used for road. */
{
	width: 100vw;
	height: 100px;
	background-image: linear-gradient(to right, #BC9979, #E9DCC9);
	position: absolute;
	top: 350px;
	left: 0px;
	z-index: -8000;
	padding: 5px;
}


.vehicle
{
	width: 10px;
	height: 10px;
	position: relative;
	top: 340px;
	left: 100px;
	z-index: -7500;
	padding: 5px;
}


@keyframes mymove 
{
  from {left: 100px;}
  to {left: 900px;}
}


.vpart01 /* This is an "odd" shape used for the front part of the car. */
{
	display: block;
	width: 80px;
	height: 40px;
	background-image: linear-gradient(to right, #d9d9d9, silver);
	margin: 5px;
	border-radius: 0% 100% 6% 94% / 100% 50% 50% 0% ;
	position: relative;
	top: -30px;
	left: 75px;
	z-index: -7500;
	border-top: 2px solid #a6a6a6;
	border-right: 2px solid #a6a6a6;
	border-bottom: 2px solid #a6a6a6;
}


.vpart02 /* This is a rectangle/square which is being used for passenger section of the car */
{
	display: block;
	width: 80px;
	height: 80px;
	background-color: #d9d9d9;
	margin: 5px;
	position: relative;
	top: -119px;
	left: -5px;
	z-index: -7500;
	border-top: 2px solid #a6a6a6;
	border-bottom: 2px solid #a6a6a6;
}


.vpart03 /* This is a rectangle/square which is being used for end of the car. */
{
	display: block;
	width: 80px;
	height: 40px;
	background-image: linear-gradient(to right, silver, #d9d9d9);
	margin: 5px;
	position: relative;
	top: -167px;
	left: -86px;
	z-index: -7500;
	border-left: 2px solid #a6a6a6;
	border-top: 2px solid #a6a6a6;
	border-bottom: 2px solid #a6a6a6;
}


.vpart04  /* This is a circle/oval which is being used for wheels and tires. */
{
	width: 27px;
	height: 27px;
	background-color: #999999;
	margin: 5px;
	border-radius: 50%;
	position: relative;
	top: -195px;
	left: 87px;
	z-index: -7500;
	border: 12px solid black;
}


.vpart05  /* This is a circle/oval which is being used for wheels and tires. */
{
	width: 27px;
	height: 27px;
	background-color: #999999;
	margin: 5px;
	border-radius: 50%;
	position: relative;
	top: -252px;
	left: -80px;
	z-index: -7500;
	border: 13px solid black;
}


.sun  /* This is a circle/oval which is being used for the sun. */
{
	width: 125px;
	height: 125px;
	background-color: #ffffcc;
	margin: 5px;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: 275px;
	z-index: -9100;
}