* {
	font-family: "Roboto"; sans-serif;
}

#landing, #about {
	height: 90vh;
	margin-bottom: 10vh;
}

#tools {
	height: 80vh;
}

body {
	background-color: #FFFFFF;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg fill-opacity='0.41'%3E%3Cpolygon fill='%23e1e5ee' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23c3cbdd' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23a6b2cc' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%238898bb' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%236A7EAA' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;

	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

h1, h2{
	font-family: "Montserrat"; sans-serif;
}

p {
	font-family: "Montserrat"; sans-serif;
	text-align: justify;
}

footer {
	background-color: #e1e5f2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
}

.fa-earth-asia, .fa-facebook, .fa-twitter, .fa-youtube {
	font-size: 25px;
	margin-bottom: 0 10px 0 10px;
	color: #39415b;
}

.fa-earth-asia:hover, .fa-facebook:hover, .fa-twitter:hover, .fa-youtube:hover {
	color: lightsteelblue;
}

.fa-circle-info, .fa-gear {
	margin: 0 10px 0 10px;
}

.fa-html5, .fa-css3-alt, .fa-bootstrap {
	font-size: 100px;
	padding-top: 50px;
	padding-bottom: 50px;
}