html { background-color: lightblue;
	font-family: 'Roboto', sans-serif;
}
.homeparagraph{
	font-family:'Roboto', sans-serif;
	font-size: 1.25rem;
}
.africanparagraph {
 text-align: left;
 font-family: 'Roboto', sans-serif;
 font-size: 1.25rem;
}
.adelieparagraph { 
 text-align: left;
 font-family: 'Roboto', sans-serif;
 font-size: 1.25rem;
}
.royalparagraph{
	font-size: 1.25rem;
	font-family: 'Roboto', sans-serif;
}
.emperorparagraph{
	font-size: 1.25rem;
	font-family: 'Roboto', sans-serif;
}
.kingparagraph{
	font-size: 1.25rem;
	font-family: 'Roboto', sans-serif;
}
nav ul {
	list-style-type: none;
	margin:  0;
	padding: 0;
	overflow: hidden;
	background-color: #009999;
}
.active{
	background-color: #006666;
}
nav li {
	border-right: 1px solid #bbb;
	display: inline;
	padding: 14px 16px; 
	float: left;

}
.penguinfamily{
	width: 55%;
	height: 350px;
}
.royal{
	width: 55%;
	height:350px;
	
}
.royalswim{
	 width: 55% ;
     height: 350px;
}
.adelie{
     width: 55%;
     height: 350px;
}
.adelieswim{
	width: 55%;
	height: 350px;
}
.adeliechick{
	width: 55%;
	height: 350px;
}
.africanpenguin{
	width: 55%;
	height: 350px;
}
.africanswim{
    width: 55%;
    height: 350px;
}
.africanchick{
	width: 55%;
	height: 350px;
}
.emperorpenguin{
	width: 55%;
	height: 350px;
}
.emperorswim{
	width: 55%;
	height: 350px;
}
.emperoregg{
	width: 55%;
	height: 350px;
}
.kingpenguin{
	width: 55%;
	height: 350px;
}
.kingchick{
	width: 55%;
	height: 350px;
}
ul {
	list-style-type: none;
}