@import url('https://fonts.googleapis.com/css2?family=Delius&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Recursive:wght@300..1000&family=Space+Grotesk:wght@300..700&display=swap');

body {
	font-family: 'Inter', Arial, sans-serif;
/*	font-weight: 400;*/
/*	font-size: 1.1em;*/
/*	line-height: 1.6;*/
/*	max-width: 1320px;*/
	margin: auto;
}

hr {
	height: 5px;
	border-width: 0;
	color:#DBD00F;
	background-color:#DBD00F;
}

h1, h2, h3, h4, h5 {
	font-family: 'Space Grotesk', Arial, sans-serif;
}

.navbar-brand {
	font-family: 'Space Grotesk', Arial, sans-serif;
	font-size: 2.85em;
}

/*.social-icon img {*/
/*	width: 32px;*/
/*	height: auto;*/
/*	max-height: 32px;*/
/*	display: inline-block;*/
/*	vertical-align: middle;*/
/*}*/

.feathered-image {
	/*This doesn't fade it out all the way before the image ends. The other version only fades the bottom, but looks pretty good. Might need to edit the image directly.*/
/*	mask-image: radial-gradient(ellipse at center, black 60%, transparent 100%);*/
/*	-webkit-mask-image: radial-gradient(ellipse at center, black 60%, transparent 100%);*/
/*	mask-size: cover;*/
/*	-webkit-mask-size: cover;*/
/*	mask-repeat: no-repeat;*/
/*	-webkit-mask-repeat: no-repeat;*/
/*	display: inline-block;*/
	mask-image: linear-gradient(to top, transparent 0%, black 20%, black 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to top, transparent 0%, black 20%, black 80%, transparent 100%);
}

/* Light mode */
@media (prefers-color-scheme: light) {
	.navbar-brand {
		color: #012A81;
	}
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	.navbar-brand {
		color: #587CE9;
	}
}