body {
	background: #FDFAFB;
	
}

nav {
	position: sticky;
	top: 0px;
	z-index: 10;
	
	background: linear-gradient(to bottom, rgb(30, 120, 40),rgb(20, 70, 40));
	padding: 6px 16px;
	display: flex;
	gap: 16px;
	justify-content: center;
	

}

header {
	padding: 16px 24px;
	background: #FDFAFB;
	color: white;
	
	width: 75%;
	max-height: 12vh;
	margin: auto;
	
	display: flex;
	gap: 16px;
}

main {
	z-index: 0;	
	
	padding: 16px 24px;
	background: #A9CFB1;
	width: 75%;
	height: 100vh;
	margin: auto;	
}

footer {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.foot-content {
	
}


#panel {
	

}

#logo {
	height: 100%;
}

#logo-box {
	width: min(20%, 15vh);
	height: auto;
}

#header-text {
	display: inline-block;
	margin: auto 2pt;
	
	color: #2E543C;
	font-size: 300%;
	
}

.button {
	display: inline-block;
	padding: 12px 28px;
	color: white;
	text-decoration: none;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 6px;
}

.button:hover {
	filter:brightness(1.2);
}


.menubut {
	background: #333128;
	height: 8vh;
	width: 10%; 
	margin-top: 0.5vh;
	margin-right: 2%;
	
	border-radius: 5pt;
	border: solid thin white;
	
	text-align: center;
	color: white;
	font-size: large;
	
	
}