header {
	/*border: 1px solid blue;*/
	background-color: thistle;
	text-align: center;
	margin-left: auto;
	margin-right:auto;
	width: 95%;

}




nav {
	border: 1px solid greenyellow;
	background-color: greenyellow;
	text-align: center;
	margin-bottom: 20px;
}

nav ul {
	list-style: none;

}

nav ul li {

	display: inline-block;
	margin: 0 2% 0 2%;
	font-family: Bebas Neue, sans-serif ;

}


.page-title{

	font-family: Inter, sans-serif;
	font-weight: 250;
	padding-top: 5px;
	margin-bottom: -10px;
}


header h2 {

	/*border: 1px solid green;*/
	font-family: Sacramento, sans-serif;
	font-weight: 150;
	font-size: 3em;
	margin-bottom: -25px;
}

header h3 {

	font-family: fantasy;
	font-weight: 100;
	font-size: 1.75em;
	padding-bottom: 10px;
}

.profile-pic {

	/*border: 1px solid purple;*/
	width: 25%;
	height: auto;
	border-radius: 50%;
	margin-top: 5%;
	margin-bottom: -25px;


}

.grids-link{

	background-color: greenyellow;
	border: 2.5px solid greenyellow;
	margin: 10px 5px 0px 5px;
}

.grids-link h2{

	text-align: center;
	font-family: Inter, sans-serif;
	font-weight: 250;
	font-size: 1.5em;
}

.flexbox-link {

	background-color: greenyellow;
	border: 2.5px solid greenyellow;
	margin: 10px 5px 0px 5px;
}

.flexbox-link h2{

	text-align: center;
	font-family: Inter, sans-serif;
	font-weight: 250;
	font-size: 1.5em;
}

.javascript-link {

	background-color: greenyellow;
	border: 2.5px solid greenyellow;
	margin: 10px 5px 0px 5px;
}

.javascript-link h2{

	text-align: center;
	font-family: Inter, sans-serif;
	font-weight: 250;
	font-size: 1.5em;
}


footer {

border: 1px lightgoldenrodyellow;
background-color: lightgoldenrodyellow;
margin-top: 20px;
text-align: center;

}

footer ul {

	list-style-type: none;


}

footer ul li {

	display: inline-block;
	margin: 2% 2% 0% 2%;
	font-family: Bebas Neue, sans-serif;

}