* {
    margin: 0;
    padding: 0;
}

body {
	background-color: #F0EDD3;
    font-family: 'Noto Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
}

#header {
	width: 100%;
	height: 100px;
	background-color: #00703C;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#section1 {
	width: 100%;
	height: 400px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

#section1 img {
	width: 350px;
	height: 350px;
}

#section2 {
 	width: 100%;
 	height: 100%;
	margin: 0 auto;
 	display: flex;
 	flex-direction: column;
  	align-items: center;
	justify-content: center;
}

#section2 h1 {
	color: #00703C;
	font-size: 1.75em;
}

#section2 p {
	text-align: center;
	color: #000000;
	margin: 10px 10px;
	font-size: .75em;
	border-bottom: 2px solid black;
	padding-bottom: 15px;
}

#section3 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
  	display: flex;
  	justify-content: center;
  	align-items: center;
	padding-bottom: 15px;
}

form {
  	width: 350px;
  	background-color: #FFFFFF;
  	border-radius: 5px;
  	padding: 10px;
  	display: flex;
  	flex-direction: column;
  	gap: 5px;
}

input {
  	padding: 10px;
  	border: 1px solid #CCCCCC;
  	border-radius: 5px;
  	font-size: 1em;
}

button {
  	width: 100px;
  	padding: 10px;
  	background-color: #00703c;
  	color: white;
  	border: none;
  	border-radius: 5px;
  	font-size: 1em;
  	align-self: center;
 	cursor: pointer;
}

button:hover {
  	background-color: #005A2A;
}

#footer {
  	width: 100%;
  	height: 100%;
  	background-color: #999999;
	margin: 0 auto;
  	display: flex;
  	justify-content: space-between;
  	align-items: center;
	padding-top: 25px;
	padding-bottom: 100px;
}

#footer h2 {
	color: #FFFFFF;
	font-size: 1em;
}

#footer h3 {
	color: #FFFFFF;
	font-size: .75em;
}

#footer p {
	color: #FFFFFF;
	font-size: .7em;
}

#footer a {
  	color: #FFFFFF;
}

#footer a:hover {
  	color: #333333;
}

#footer a:active {
  	color: #00703C;
}

.left-section, .right-section {
  	color: #FFFFFF;
}

.left-section {
  	text-align: left;
	margin-left: 10px;
}

.right-section {
  	text-align: right;
	margin-right: 10px;
}