@font-face {
	font-family:'Raleway';
	src:url("/style/Raleway.ttf") format('truetype');
	font-weight:500;
}

@font-face {
	font-family:'Bree';
	src:url("/style/Bree.ttf") format('truetype');
	font-weight:500;
}
:root{
	--blue:#3498DB;
	--green:#81b29a;
	--orange:#e07a5f;
	--purple:#8E44AD;
	--red:#FF4B4B;
	--yellow:#f2cc8f;
	--white:#fff;
	--darkblue:#2979af;
	--lightblue:#5cace2;
	--lightgreen:#52be7f;
	--lightorange:#db7633;
	--lightpurple:#a469bd;
	--lightred:#ff6f6f;
	--lightyellow:#f3cf3f;
	--darkgreen:#1f8b4c;
	--darkorange:#a84300;
	--darkpurple:#71368a;
	--darkred:#cc3c3c;
	--darkyellow:#c09c0c;
	--light:#fbfbfb;
	--lightgrey:#bdc3c7;
	--grey:#95a5a6;
	--darkgrey:#3f3f3f;
	--dark:#2C3E50;
	--black:#000;
	--main:var(--green);
	--accent:var(--orange);
	--alt:var(--yellow);
	--font-main:Raleway;
	--font-accent:Bree;
	--footer-text:"Copyright© 2024 - All Rights Reserved.";
	--footer-color:var(--light);
	--footer-bg:var(--dark);
	--nav-color:rgba(255,255,255,0.9);
	--nav-border:1px solid var(--lightgrey);
	--nav-height:80px;
	--radius:5px;
	--shadow:5px 5px 15px -10px rgb(0 0 0 / 60%);
	--active-brightness:0.85;
	--hover-brightness:1.1;
}
@media (max-width : 925px){
	:root{
		--nav-height:50px;
	}
}
main{
	padding-top:var(--nav-height);
	padding-bottom:2em;
}
.center{
	text-align:center;
}
button.big{
	font-size:1.5em;
}
form{
	margin-left:auto;
	margin-right:auto;
	border:1px solid var(--grey);
	border-radius:var(--radius);
	box-shadow:var(--shadow);
	display:block;
	min-width:30%;
	padding:1.5rem;
}
form label{
	font-weight:bold;
	margin-bottom:0.2rem;
	display:block;
	font-size:inherit;
	max-width:var(--wide);
}
form input,form select,form textarea{
	display:block;
	font-size:inherit;
	margin-bottom:0.75em;
	width:100%;
}
form button[type="submit"]{
	display:block;
	margin-top:0.75em;
	margin-left:auto;
	margin-right:auto;
	font-size:1.5em;
}
details{
	margin:1.3rem 0;
	border:1px solid var(--grey);
	border-radius:var(--radius);
	padding-left:var(--spacing);
	padding-right:var(--spacing);
}
details summary{
	font-weight:bold;
	cursor:pointer;
	font-size:1.3em;
	padding:var(--spacing);
	margin-left:calc(-1*var(--spacing));
	margin-right:calc(-1*var(--spacing));
	transition:background-color 0.25s;
}
details summary>*{
	display:inline-block;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
details summary:hover{
	background-color:#81b29a44;
}
details summary::marker{
	color:var(--main);
}
details[open] summary{
	border-bottom:1px solid var(--grey);
}
figure{
	margin:0;
}
figure div{
	margin:auto;
	background-size:cover;
	background-position:center;
	min-width:50px;
	min-height:50px;
}
figure figcaption{
	text-align:center;
}
p:empty{
	display:none;
}
.items{
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
	gap:1em;
}
.split{
	display:flex;
	justify-content:space-between;
}
.split hr{
	width:1px;
	height:auto;
	flex-shrink:0;
	margin:2em 1em;
}
img{
	max-width:100%;
}
@media (max-width : 925px){
	.split{
		flex-wrap:wrap;
	}
	.split hr{
		display:none;
	}
	img{
		width:100%;
	}
}

header.topnav{
	z-index:10000;
	top:0;
	left:0;
	position:fixed;
}
header.topnav>nav{
	backdrop-filter:blur(23px) saturate(4.5);
}
header.topnav>nav ul>li>ul{
	background-color:white;
	width:fit-content;
	min-width:175px;
}
@media (max-width : 925px){
	header.topnav>nav ul>li>ul{
		background-color:transparent;
	}
}
header.topnav>nav>a.logo{
	text-decoration:none;
	vertical-align:middle;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2em;
	max-height:50px;
	color:var(--black);
}
header.topnav>nav>a.logo:visited{
	color:var(--black);
}
header.topnav>nav>a.logo span{
	font-family:var(--font-accent);
}
header.topnav>nav>a.logo span.mobile_only{
	font-size:0.8em;
}
footer ul{
	list-style:none;
	padding:0;
	margin:0;
}
footer ul li{
	padding:0.3em 0px;
}
footer ul li a{
	text-decoration:none;
}
footer ul li a:hover{
	text-decoration:underline;
}
footer aside a{
	color:var(--light);
}
.Banner{
	display:block;
	text-align:center;
	background-color:var(--dark);
	color:white;
	padding:1em 0em;
	transition:filter 0.25s;
}
.Banner.link{
	cursor:pointer;
}
.Banner.link:hover{
	filter:brightness(1.1);
}
.Banner>*{
	display:block;
	width:100%;
	height:100%;
	color:white;
	text-decoration:none;
}
.Banner p{
	margin:0;
}
.Banner a{
	color:var(--white);
}