body 
{
	color:black;  /*text color*/
	background-image: linear-gradient(to bottom right,#736CFF,#66C48F);
	font-family:"Segoe Print";
	font-size:12pt;
}
.logo{
background-color:white;	
border-radius:10px;
padding:12px 12px 12px 12px;
}

.wrapper{
	width:1000px;
	background-image:linear-gradient(to bottom right,#59D0CE,#C2FCCC);
	border:10px solid green;
	box-shadow:30px 50px 30px gray;
	border-radius:20px;	/*rounds the corners of the border*/
	margin-left:40px;
	padding-bottom:10px;
	padding-left:50px;
	padding-right:50px;
	padding-top:10px;
 }
 
nav{
	border-radius:20px;
	background-color:white;
	float:left;
	border:1px black solid;	
	font-size:15px;
	width:250px;
} 
 
 nav a:hover{
	 font-size:17px;
	 color:DarkCyan;
 }
 
 
main{
	font-size:15px;
	padding-left:25px;
	margin-left:250px;
	}
	
.fox{
	float:left;
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:40px;
	margin-left:60px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	}
	
.butterfly{
	float:left;
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:40px;
	margin-left:60px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	}	
	
.layoutformat{
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:5px;
	margin-left:20px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	}	
	
	
.husky{
	float:left;
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:40px;
	margin-left:60px;
	margin-top:15px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	}	
	
 .ostrich{
	float:left;
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:175px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	}	
	
.chameleon{
	float:left;
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:175px;
	margin-bottom:15px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	}	
	
.dolphin{
	float:left;
	background-image:linear-gradient(to bottom right,#88E899,#EAFDC0);
	border:5px solid green;
	box-shadow:10px 20px 30px gray;
	border-radius:10px;	/*rounds the corners of the border*/
	margin-right:175px;
	padding-bottom:5px;
	margin-top:15px;
	margin-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	}	
	
.column{
  flex:50%;
  padding: 0 4px;
}