:root{
	--header-ht:3rem;
	--box-header-ht:3rem;
	--radius:.2em;
	--bg-color:#002a52;
	--bg-color-lite:#FAFAFA;
	--font-color:#FAFAFA;
	--font-color-lite:#000204;
	--content-bg-color:#00008b;
	--content-bg-color-lite:#add8e6;
	--content-button-color:blue;
	--content-a-color:#add8e6;
	--content-a-color-lite:blue;
	--hd-bg:linear-gradient(0deg,darkblue 0%,blue 100%);
	--hd-bg-lite:linear-gradient(0deg,lightblue 0%,blue 100%);
	--ft-bg:linear-gradient(0deg,blue 0%,darkblue 100%);
	--ft-bg-lite:linear-gradient(0deg,blue 0%,lightblue 100%)
}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%;font-family:Arial,Helvetica,sans-serif;font-weight:400;color:var(--font-color);background:var(--bg-color)}
*{margin:0;padding:0;box-sizing:border-box;font-size:26px}
.hidden{display:none;}
.center{margin:0 auto;text-align:center;}
.container{display:flex;align-items:center;flex-direction:column;min-height:100vh;margin-top:var(--header-ht)}
.main-header{background-color:var(--bg-color);color:var(--font-color);position:fixed;top:0;width:100%;height:var(--header-ht);line-height:var(--header-ht);font-size:2.5rem;text-align:center;z-index:10}
nav{border:0}
nav ul{list-style:none;margin:0;padding:0;overflow:hidden;position:fixed;top:0;width:100%;height:var(--header-ht);display:flex;justify-content:center;align-items:center}
nav li{float:left;background-color:var(--bg-color)}
nav li a{display:block;color:var(--font-color);text-align:center;padding:1.5em .8em;text-decoration:none}
nav li a:hover{color:var(--content-a-color)}
nav .active{color:var(--content-a-color)}
nav img{width:1.6em;height:1.6em}
.box{position:relative;width:90%;margin-bottom:2rem}
.header{position:sticky;top:var(--header-ht);height:var(--box-header-ht);line-height:var(--box-header-ht);text-align:center;background:var(--hd-bg);border-radius:var(--radius) var(--radius) 0 0}
.content{padding:2rem 1.5rem;color:var(--font-color);background-color:var(--content-bg-color);border-top:0}
.content a{color:var(--content-a-color)}
.content form,input,li,lu{background:var(--content-bg-color);color:var(--font-color)}
.content td{padding:.5em;border-radius:var(--radius)}
.content tr:nth-child(odd){background:var(--content-button-color);color:var(--font-color)}
.content tr:nth-child(even){color:var(--font-color)}
.content figure img{width:auto;height:auto;max-width:100%;display:block;margin:0 auto}
.bg{border:0;margin:0 auto;text-align:center}
.download input,.donate{background:var(--content-button-color);color:var(--font-color);border:0;border-radius:var(--radius);padding:.375em 1em}
.download form{margin-bottom:1em}
.download form:before{content:" >>> "}
.download form:after{content:" <<< "}
.download input,.donate,.pointer,.submit{cursor:pointer}
.contact_box{display:none}
#tcontact:checked + .contact_box{display:block}
#tcontact{display:none}
.contact_box input,.contact_box textarea{display:block;width:100%;padding:15px;margin-bottom:10px;border:none;border-radius:var(--radius);background:var(--content-button-color)}
.contact_box textarea{resize:none}
.captcha{border:0;border-radius:var(--radius);margin-bottom:5px;width:auto;height:auto;max-width:100%}
.footer{padding:1rem 1.5rem;border-top:0;text-align:center;background:var(--ft-bg);border-radius:0 0 var(--radius) var(--radius)}
.main-footer{border:0}
.main-footer ul{list-style:none;margin:0;padding:0;overflow:hidden;width:100%;height:var(--header-ht);display:flex;justify-content:center;align-items:center}
.main-footer li{float:left;background-color:var(--bg-color)}
.main-footer li a{display:block;color:var(--font-color);text-align:center;padding:1.5em .8em}
.main-footer li a:hover{color:var(--content-a-color)}
.main-footer img{width:1.6em;height:1.6em}
@media screen and (max-width:768px){
	*{font-size:14px}
}
@media screen and (min-width:769px) and (max-width:1440px){
	*{font-size:18px}
}
@media screen and (min-width:1441px) and (max-width:1920px){
	*{font-size:22px}
}
@media (prefers-color-scheme:light){
	html,body{color:var(--font-color-lite);background:var(--bg-color-lite)}
	.main-header{background-color:var(--bg-color-lite);color:var(--font-color-lite)}
	nav li{background-color:var(--bg-color-lite)}
	nav li a{color:var(--font-color-lite)}
	nav li a:hover{color:var(--content-a-color-lite)}
	nav .active{color:var(--content-a-color-lite)}
	.header{background:var(--hd-bg-lite)}
	.content{color:var(--font-color-lite);background-color:var(--content-bg-color-lite)}
	.content a{color:var(--content-a-color-lite)}
	.content form,input,li,lu{background:var(--content-bg-color-lite);color:var(--font-color-lite)}
	.content tr:nth-child(even){color:var(--font-color-lite)}
	.contact_box input,.contact_box textarea{color:var(--font-color)}
	.footer{background:var(--ft-bg-lite)}
	.main-footer li{background-color:var(--bg-color-lite)}
	.main-footer li a{color:var(--font-color-lite)}
	.main-footer li a:hover{color:var(--content-a-color-lite)}
}