@font-face {
    font-family: "sitefont";
    src:url("../fonts/ArchitectsDaughter.ttf");
}



body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin:0;

    background: #121212;
    color: #FDE000;
    font-family: 'sitefont', sans-serif;
}

header {
	flex:1;
}

main {
	flex: 5;
}

footer {
	flex: 1;
}

a {
	color: #FDBB00;
}

a:hover {
	color: #FFD876;
}

.banner-logo img {
	max-height: 5rem;
}

.banner-navbar {
	background-color: #10203A;
	color: #FFFFFF;
	padding-left: 1rem;
	padding-right: 1rem;
}

a.banner-text-primary {
	color: #FDBB00;
}

a.banner-text-primary:hover {
	color: #FFD876;
}

a.banner-text-secondary {
	color: #9C9C9C;
}

a.banner-text-secondary:hover {
	color: #9C9C9C;
}

.footer {
	margin-top: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
    background-color: #10203A;
    font-size:90%
}

.footer-navbar a {
	color: #FFFFFF;
	padding: 1rem;
	text-decoration: none;
}

.footer-navbar a:hover {
	color: #7FB0FF;
}

.footer-navbar a:active {
	color: #FF0D00;
}