* {										/* Zero out all Padding and Margins on all Elements */
  margin: 0;
  padding: 0;
  }

body {
 background-color: #bee980;
  font-size: 90.5%;
  font-family: Arial;
  line-height: 1.5;
  text-align: left;
  margin: 0 auto;
  width: 100%;
  }
  
a {										/* Remove Blue Lines Under Hyperlinks */
  color: #000000;
  text-decoration: none;			
  }
  
a:hover {								/* Set Default Color of Links on Hover */
  color: #6cab12;
  }
	
#allcats{
font-size: 2em;
text-align: left;

} 

.category{
color: #ffffff;
padding: 20 20;
background-color: #6cab12;
	list-style-type: none;
	border-top: solid 1px black;
		border-bottom: solid 1px black;
		display: inline-bock;	}
		
.category a {
	color: #ffffff;
	}
	
.category a:hover {
	color: #000000;

	}
	
.subcategory{
	margin-left: 60px;}	
	
.subcategory a:hover {
	color: green;
	}
.subcategory a {
	color: #ffffff;
	}

.subcategory ul li a:hover {
	color: #ffffff;}

.subcategory{
color: #ffffff;
padding: 20 20;
background-color: #bee980;
list-style-type: none;
text-decoration: none;}


#footermain{
	background-color: #6cab12;
	font-size: 1.5em;
	text-align: center;
	padding-top: 70px;
	color: white;
	}

   
#footermain p {							/* Space between paragraphs */
margin-top: 0.7em;  
  }

#experience{
	font-weight: 400;
	font-size: 2em;
	margin-bottom: -15px;
	}

.fa-chevron-circle-up {					/* Back to Top Icon (font awesome) */
  color: white;
  padding: 3px;
 } 

.fa-chevron-circle-up:hover {				/* Back to Top Icon on Hover (font awesome) */
  color: black;
 }
 
#footermain a{
	color: white;
}

#footermain a:hover{
	color: black;
}
/* ------------- MEDIA QUERRY SCREEN 800 - THIRD BREAKING POINT ----------- */

@media screen and (max-width:400px)

{
#allcats {
font-size: 1.5em;
}

#footermain{
	font-size: 1em;

	}

img{
	height: 35px;
	width: auto;

	}
{