@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Varela&family=Varela+Round&display=swap');

.space {margin-top: 20px}
.space2 {margin: 10px}
.space3 {padding-bottom: 20px}

/*.nav-link {margin}*/
.nav-item a:hover {color: #84b5cb;}
.navbar-nav .nav-link.active {color: #63a7c6;}
.navbar a {
    font-family: Varela, Arial, Verdana, Helvetica, monospace;
}

.colorback {
	background: #858f56;
	padding: 5px;
}

h1{
	font-family: Varela, Arial, Verdana, Helvetica, sans-serif;
	font-size: 30px; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
}

h2{
	font-family: Lato, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px; 
	font-style: normal;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
}

h3{
	font-family: Lato, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px; 
	font-style: normal;
	font-weight: lighter;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
}

h4{
	font-family: Varela Round, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px; 
	font-style: normal;
	text-decoration: none;
	padding-left: 10px;
	text-align: center;
}

h6{
	font-family: Varela Round, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding-left: 10px;
	text-align: center;
}

p{
	font-family: Varela, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal;
	text-decoration: none;
	padding-left: 10px;
	text-align: left;
}

.btn-blue {
	color: #f9f7f4;
	background-color: #84b5cb;
	border-color: #ddd;
}

.btn-blue:hover {
	color: #f9f7f4;
	background-color: #63a7c6;
	border-color: #ddd;
}