body {
	font-family: 'Open Sans Normal';
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
}

p {
	line-height: 1.6;
}

a {
	color: inherit;
	text-decoration-style: dotted;
	text-underline-offset: 2px;
}

header {
	width: 100%;
	position: fixed;
	box-shadow: 0 5px 3px rgba(0,0,0,0.5);
	z-index: 999;
}

.text-shadow {
	/*text-shadow: 2px 2px 5px rgba(0,0,0,0.5);*/
	text-shadow: 2px 2px 0 #000;
}

.large-icon {
	font-size: 400px;
	line-height: 1;
}

mark {
	position: relative;
	z-index: 0;
	/*text-shadow: 0 0 2px #fff;*/
	background-color: transparent;
}
mark::before {
	background-color: #37474F;/*#B2DFDB;*/
	content: "";
	position: absolute;
	width: calc(100% + 4px);
	height: 70%;
	left: -2px;
	bottom: 4px;
	z-index: -1;
	transform: rotate(-2deg);
}
/*mark.red::before { background-color:#FFCDD2; }
.marker-green::before { background-color:#C8E6C9; }
.marker-teal::before { background-color:#B2DFDB; }*/

section.content {
	padding: 120px 0;
}

.home-background {
	/*background-image: url('../img/head-background.webp');*/
	background-image: url('../img/car-lights2.jpg');
	/*background-image: url('../img/head-4.jpg');*/
	background-position: center top;
	height: 100vh;
	min-height: 600px;
	max-height: 1000px;
}

.home-background-box {
	margin: 20vh auto 0 auto;
	padding: 50px 25px;
	max-width: 800px;
	background-color: rgba(0,0,0,0.75);
	/*background-color: rgba(var(--bs-tertiary-bg-rgb), 0.7);*/
	text-align: center;
	backdrop-filter: blur(2px);
	box-shadow: 8px 8px rgba(0,0,0,0.5);
}

#evocracy-graph { width: 900px; }