@charset "utf-8";
/* CSS Document */
/
@font-face {
   font-family: 'lifecraftregular';
    src: url('lifecraft_font-webfont.eot') format('eot'),
      	 url('lifecraft_font-webfont.woff2') format('woff2'),
         url('lifecraft_font-webfont.woff') format('woff'),
  		 url('lifecraft_font.ttf') format('truetype')
}
@font-face{
 	font-family: 'lifecraftregular';
  	src: url('lifecraft_font.tff') format('truetype');
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}

.active{
	background-color:#4CAF50;	
}

h1{
	background-color:#FF0004;
	font-size: 1.7em;
	font-family: sans-serif;
}

main{
	background-color:#0695A2;	
	font-size: 1.4em;
  	font-family: 'Oswald', sans-serif;
}

footer{
	background-color: #ff0004;	
}

span{
	font-size: 1.6em; 
}

.hidden{
 	visibility: hidden;
}

#contact{
	color: #00B231;
}