/*** General */
@font-face{font-family:lato;src:url("fonts/Lato-Regular.122dd68d69fe.ttf");}
@font-face{font-family:lato-bold;src:url("fonts/Lato-Bold.24b516c266d7.ttf");}
:root{
	--darkgrey:#39414f;
	--bone:#e6e6e6;
	--abyss:#004E64;
	--green:#19C986;
	--green-trans:#19C98688;
	--green-muted:#118b5d;
	--cyan:#00A5CF;
	--cyan-trans:#00A5CF88;
	--cyan-muted:#027494;
}
::-moz-selection{color:var(--bone);background:var(--cyan);}
::selection{color:var(--bone);background:var(--cyan);}
@mixin a11y-visually-hidden{position: absolute !important;clip:rect(1px, 1px, 1px, 1px);overflow:hidden;height:1px;width:1px;word-wrap:normal;}
a{text-decoration:none !important;display:block;}
/*** Header */
header{width:100%;height:100px;display:flex;align-items:center;position:fixed;box-shadow:rgba(0, 0, 0, 0.19) 0px 10px 20px,rgba(0, 0, 0, 0.23) 0px 6px 6px;
	background:linear-gradient(var(--bone) 0%,var(--bone) 30%,white 60%,var(--bone) 90%,var(--bone) 100%);}
#header_logo_link{width:120px;height:120px;margin:0;padding:0;}
@media(max-width:200px){#header_logo_link{display:none;}}
#header_logo{width:120px;height:120px;display:inline;cursor:pointer;margin:0;padding:0;}
/*** Body */
html{font-family:lato;align-items:center;text-align:center;justify-content:center;justify-items:center;height:100%;margin:auto;width:100%;}
body{font-family:lato;align-items:center;text-align:center;justify-content:center;justify-items:center;height:100%;margin:auto;width:100%;box-sizing:border-box;
	line-height:1.5;position:relative;margin:0;color:var(--bone);font-size:16px;
	--s: 44px; /* control the size*/
	--c1: var(--cyan-muted);
	--c2: var(--abyss);
	--c:#0000 75%,var(--c1) 0;
	--g1:conic-gradient(at 78% 3%,var(--c));
	--g2:conic-gradient(at 3% 78%,var(--c));
	background:
		var(--g1),
		var(--g1) var(--s) var(--s),
		var(--g1) calc(2*var(--s)) calc(2*var(--s)),
		var(--g1) calc(3*var(--s)) calc(3*var(--s)),
		var(--g2) 0 calc(3*var(--s)),
		var(--g2) var(--s) 0,
		var(--g2) calc(2*var(--s)) var(--s),
		var(--g2) calc(3*var(--s)) calc(2*var(--s))
		var(--c2);
	background-size:calc(4*var(--s)) calc(4*var(--s));
}
main{font-family:lato;align-items:center;text-align:center;justify-content:center;justify-items:center;margin:auto;padding-top:110px;padding-bottom:25px;z-index:+1;width:100%;
	box-sizing:border-box;overflow:hidden;min-height:calc(100% - 20px);}
footer{width:100%;height:20px;align-items:center;box-shadow:rgba(0, 0, 0,0.2) 0px -3px 6px,rgba(0, 0, 0,0.7) 0px -10px 20px;background:var(--darkgrey);color:var(--bone);
	box-sizing:border-box;}
footer p{font-size:12px;align-items:center;text-align:center;justify-content:center;justify-items:center;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0;}
input{touch-action:none;font-size:16px;margin:auto;}
textarea{touch-action:none;font-size:16px;margin:auto;overflow:hidden;}
select,option{touch-action:none;font-size:16px;margin:auto;cursor:pointer;}
.banner{align-items:center;text-align:center;justify-items:center;justify-content:center;box-sizing:border-box;margin:auto auto 5px auto;padding:0;width:95%;
	background-color:rgba(57,65,79,0.7);border-radius:5px;box-shadow:rgba(0, 0, 0, 0.19) 0px 10px 20px,rgba(0, 0, 0, 0.23) 0px 6px 6px;font-family:lato;}
.confirmation{color:var(--green);border:2px solid var(--green);}
.error{color:red;border:2px solid red;}
.banner h2{margin:0;padding:0;}