@charset "utf-8";
/* CSS Document */
* {
	box-sizing: border-box;
h1 {
	font-size: 50px;
	text-align: center;
	font-family: "FrederickatheGreat Regular", "Imprint MT Shadow", "Rage Italic", "cursive";
	padding-top: 25px;
	color:rgba(35,70,0,1.00);
}

nav a{
	text-align: center;
	font-size: 25px;
	font-family: "LibreCaslonText Regular", Garamond, Cambria, Georgia, "Times New Roman", "serif";
	font-weight: 400;
	font-style: normal;
	margin: auto;
	display: inline-flex;
	align-content: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	color: rgba(53,49,49,1.00)
}

nav {
	font-family: "DMSerifText Regular", "ScopeOne Regular", "Segoe UI", Georgia, "serif";
	width: 100%;
	display: flex;
	justify-content: center;
	background-color: rgba(83, 166, 58, 0.8);
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	z-index: 1000;
	left: 0;
}

nav a:hover {
	color:rgba(255,255,255,1.00)
}

nav a:visited{
	color:rgba(3,59,14,1.00)
}

p {
	text-indent: 25px;
	width: 100%;
	font-size: 18px;
	font-family: "Lora VariableFont wght", "Baskerville Old Face", "serif";
}

h2 {
	text-align: center;
	font-size: 32px;
	font-family: "PlayfairDisplay VariableFont wght", Garamond, Cambria, Georgia, "Times New Roman", "serif";
}

.img {
	display: flex;
	justify-content: flex-start;
	justify-content: center;
	vertical-align: middle;
	align-content: center;
}

.img img {
	width: 45%;
	height: auto;
}

.img .charts {
	gap: 0;
	justify-content: flex-start;
	width: 50%;
}

h4 {
	text-align: center;
	font-family: "PlayfairDisplay VariableFont wght", Garamond, Cambria, Georgia, "Times New Roman", "serif";
}

body {
	background-image: url("imgs/pexels-photo-11268828.jpeg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.needs-background p {
	background-color: rgba(148,251,121,0.76);	
}

	.needs-background h4 {
		background-color: rgba(148,251,121,0.76);
	}
	.needs-background h2 {
		background-color: rgba(148,251,121,0.76);
	}
	.needs-background a {
		background-color: rgba(148,251,121,0.76);
		font-family: "Lora VariableFont wght", "Baskerville Old Face", "serif";
	}
	
.link {
	display: block;
	margin: 0 auto;
		text-align: center;
}