html {
	font-size: 12pt;
}

/* Variables */
:root {
	--gray: #1b1b1b;
	--main: #4ba6f5; /* blue */
	--secondary: #f59a4b; /* orange */
	
	--heading: "Mozilla Headline", sans-serif;
	--paragraph: "Nunito", sans-serif;
}

/* Typography */
h1,h2,h3,h4,h5,h6 {
	font-family: var(--heading);
}
.navbar-brand {
	font-family: var(--heading);
}
p {
	font-family: var(--paragraph);
}
.text-main {
	color: var(--main);
}
.text-secondary {
	color: var(--secondary) !important;
}

/* Bootstrap Overrides */
.navbar-dark {
	background-color: var(--gray) !important;
}

body {
	background-color: var(--gray);
}

/* Navigation */
.navbar-brand {
	font-size:3rem;
	color: var(--main);
}

/* Buttons */
.btn {
	font-family: var(--heading);
}
.btn-secondary {
	background-color: var(--secondary);
	color: #000;
}