@font-face {
    font-family: FjallaOne;
    src: url(Fjalla_One/FjallaOne-Regular.ttf);
}

body{
font-family: 'FjallaOne', sans-serif;
	margin: 0;

}

li{
list-style: none;
 line-height: 0.7; 
margin-left:-40px;

}

h1{

font-size: 70px;

}

a{

    text-decoration: none;
	color:black;


}

#wrap{
	position:relative;
	padding-top:100px;
	width:75%;
	margin: auto;
	text-align:center;
	z-index: 10;
}

.links{
	padding-top: 300px;
	width:200px;
	margin:auto;
	/*text-align: left;*/
	

}

#defaultCanvas0{
position:absolute;
	top:30px;

}

#canvasp5{
	position:absolute;
	z-index: 0;
	top:300px;

}

.explanation p{

	margin-bottom: 300px;

}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 600px) {
/* Styles */
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 600px) and (max-device-width : 1024px) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1024px) {
/* Styles */
}