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

/* main styles below. */

h1{font-family: "droid-sans-mono", monospace;
	font-weight: 400;
	font-style: normal;
	color:rgba(255,255,255,1.00);
}

h2{font-family: "droid-sans-mono", monospace;
	font-weight: 300;
	font-style: normal;
	color:rgba(255,255,255,1.00);
}

h3{font-family: "droid-sans-mono", monospace;
	font-weight: 200;
	font-style: normal;
	color:rgba(255,255,255,1.00);
}

h4{font-family: "droid-sans-mono", monospace;
	font-weight: 150;
	font-style: normal;
	color:rgba(255,255,255,1.00);
}

h5{font-family: "droid-sans-mono", monospace;
	font-weight: 100;
	font-style: normal;
	color:rgba(255,255,255,1.00);
}


p{font-family: "roboto-mono", monospace;
	font-weight: 300;
	font-style: normal;
	color: rgba(255,255,255,1.00);
}


#hero_image{width: 100%;
	height: 600px;
	background-image:url("../images/biome_background_3.jpg");
}

#home_container{width:1200px;
	height: 400px;
	background-color: rgba(0,222,255,0.00);
	color: rgba(255,255,255,1.00);
	margin: 0 auto;
	padding-top: 50px;
}


#info_paragraph{width: 1200px;
	height: 450px;
	background-color:#B9ADAD;
	margin: 20px auto;
	padding: 5px;
}

#biome_describer{width: 1200px;
	height:105px;
	background-color: rgba(25,92,36,1.00);
	padding-top: 5px;
	margin: 0 auto;
	text-align: center;
}




#biome_box{width: 1200px;
	height: 500px;
	background-color: rgba(234,0,255,0.00);
	margin: auto;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}





#chaparral_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}


#desert_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}


#grassland_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}


#savannah_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}

#temperate_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}


#tropical_rainforest_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}


#tundra_box{width: 300px;
	height: 300px;
	background-color: rgba(255,255,255,0.00);
	margin: auto;
}


button {
	color: #ffffff;
	background-color: #b9adad;
	font-size: 13px;
	border: 1px solid #b9adad;
	border-radius: 30px;
	padding: 15px 50px;
	cursor: pointer
}
button:hover {
	color: #2d63c8;
	background-color: #ffffff;
}









#facts_describer{width: 1200px;
	height:105px;
	background-color: rgba(25,92,36,1.00);
	padding-top: 5px;
	margin: 0 auto;
	text-align: center;
}

#facts_box_1{width: 1200px;
	height: 100px;
	background-color: #B9ADAD;
	margin: 20px auto;
	padding: 5px;
	text-align: center;
}

#facts_box_2{width: 1200px;
	height: 100px;
	background-color: #B9ADAD;
	margin: 20px auto;
	padding: 5px;
	text-align: center;
}

#facts_box_3{width: 1200px;
	height: 100px;
	background-color: #B9ADAD;
	margin: 20px auto;
	padding: 5px;
	text-align: center;
}




#footer_box{background-color: #B9ADAD;
	width: 100%;
	height: 400px;
	margin-top: 40px;
}

#footer_container{width: 1200px;
	height: 400px;
	margin: 0px auto;
	margin-bottom: 0px;
	background:#B9ADAD;
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.footeritem{width:275px;
	height:360px;
	background:#B9ADAD;
	float: left;
}
	
.footeritem a:link{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.footeritem a:visited{color:rgba(255,255,255,1.00);
	text-decoration: none;
}
.footeritem a:hover{color: rgba(157,145,145,1.00);
	text-decoration: none;
}
.footeritem a:active{color:rgba(255,255,255,1.00);
	text-decoration: none;
}