:root{--bg-color:#fff;--text-color:#000;--shadow-color:#0007;--header-bg-color:var(--bg-color);--footer-bg-color:#ddd;--footer-text-color:#555;--btn-color:#09f;--btn-hover-color:#2af;--btn-active-color:#07a;--btn-text-color:#fff}*{box-sizing:border-box}html{background-color:var(--bg-color);color:var(--text-color);font-family:sans-serif;font-size:20px}body{margin:0}header{background-color:var(--header-bg-color);width:100vw;height:3.5rem;box-shadow:0 0 3px 3px var(--shadow-color);flex-flow:row;align-items:center;padding:.5rem;display:flex;position:sticky;top:0;left:0}section{width:calc(100vw - 3rem);max-width:1050px;margin:0 auto}h1,h2,h3,p,blockquote{margin:.5rem 0}h1{font-size:3rem}blockquote{font-style:italic}footer{background-color:var(--footer-bg-color);width:100vw;height:2.5rem;color:var(--footer-text-color);text-align:center;padding:.5rem}footer p{margin:0}.btn{background-color:var(--btn-color);color:var(--btn-text-color);border-radius:.5rem;padding:.5rem;font-weight:700;text-decoration:none;display:inline-block}.btn:focus,.btn:hover{background-color:var(--btn-hover-color)}.btn:active{background-color:var(--btn-active-color)}.italic{font-style:italic}@media (width<=1050px){h1{font-size:2rem}h2{font-size:1.2rem}}@media (width<=700px){html{font-size:16px}}#hero{flex-flow:column;justify-content:center;align-items:center;gap:.5rem;width:100vw;min-height:100lvh;display:flex}#hero .logo{filter:drop-shadow(.2rem .2rem .2rem #0007);width:calc(100vw - 3rem);max-width:512px}#description{text-align:center;max-width:70rem;margin:1rem auto}#description p,#description blockquote,#description cite{text-align:left}#description p{margin:0 1rem}#description cite{display:block}#description .mission{flex-flow:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex}#description .mission p{margin:0}#description .mission div{width:49%;min-width:300px}@media (width<=1100px){#description .mission div{width:100%;min-width:auto}}#info{text-align:center;width:100vw;padding:1rem}
