body {
	background-color: #d4e7f6;
	font-family: "Nunito", sans-serif;
}

#mainNavbar {
	font-size: 1.5rem;
	font-weight: 100;
}

#mainNavbar .nav-link {
	color: purple;
}

#mainNavbar .nav-link:hover {
	color: #00579e;
}

#mainNavbar .navbar-brand {
	/* color: #00579e; */
	color: purple;
}

.content {
	margin-top: 100px;
}

#headingGroup {
	text-align: center;
}

#headingGroup h1 {
	font-weight: 100;
	font-size: 3rem;
	color: #0c86eb;
}

.purple {
	color: purple;
}

.navbar.scrolled {
	/* background: rgb(222, 192, 222); */
	background: rgb(230, 191, 230);
	transition: background 1s;
}

@media (max-width: 1200px) {
	#headingGroup h1 {
		font-weight: 100;
		font-size: 2rem;
	}
}

h2 {
	color: #0c86eb;
	font-weight: 100;
	font-size: 2.5rem;
}