:root{--max-width:960px;--page-background:#d3d9e5;--color-text:#070e15;--color-primary-accent:#103b88;--color-primary-accent-transparent:#103b8800;--color-secondary-accent:#13223b;--color-h1:var(--color-primary-accent);--color-h2:var(--color-h2);--border-background:#dee6f4;--sticky-background:#e6efffa0;--sticky-background-hover:#e6efffe0;--sticky-background-opaque:#e6efff;--sticky-blur:20px;--transition:300ms;--radius:1rem;--page-margin:2rem}body{font-family:"Fira Sans",sans-serif;font-size:1rem;margin:0 var(--page-margin);color:var(--color-text);background-color:var(--border-background)}div#page{max-width:var(--max-width);margin:0 auto;background-color:var(--page-background);box-shadow:0 0 3rem rgb(0 0 0 / 30%);-webkit-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-moz-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-o-box-shadow:0 0 3rem rgb(0 0 0 / 30%)}main{padding:var(--page-margin)}header,footer{position:sticky;background-color:var(--sticky-background);box-shadow:0 0 3rem rgb(0 0 0 / 30%);-webkit-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-moz-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-o-box-shadow:0 0 3rem rgb(0 0 0 / 30%);backdrop-filter:blur(var(--sticky-blur));-webkit-backdrop-filter:blur(var(--sticky-blur));z-index:20;transition:background-color ease 500ms}header:hover,footer:hover{background-color:var(--sticky-background-hover);transition:background-color ease 500ms}header{top:0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}footer{bottom:0}img.logo{height:4rem;margin:.75rem}nav{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem;text-transform:uppercase;height:2rem;padding:.25rem .5rem;white-space:nowrap;border-radius:.4rem}nav *{text-decoration:underline;text-decoration-color:var(--color-primary-accent-transparent);transition:var(--transition);font-family:"Big Shoulders Text",cursive}nav *:hover{transition:var(--transition);text-decoration-color:var(--color-primary-accent)}header nav{padding-right:2rem;font-size:120%}header nav a{color:var(--color-text)}img.fb,img.yt{width:1.5rem}.dropdown-title{cursor:pointer}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;flex-direction:column;position:absolute;left:-2.5rem;min-width:8rem;box-shadow:0 8px 16px 0 rgba(0 0 0 / 20%);-webkit-box-shadow:0 8px 16px 0 rgba(0 0 0 / 20%);-moz-box-shadow:0 8px 16px 0 rgba(0 0 0 / 20%);-o-box-shadow:0 8px 16px 0 rgba(0 0 0 / 20%);background-color:var(--sticky-background-opaque);z-index:11;border-radius:.4rem;gap:.5rem;padding:.5rem}#cookieconsent{position:fixed;left:50%;top:50%;transform:translate(-50%,-5%);-webkit-transform:translate(-50%,-5%);-moz-transform:translate(-50%,-5%);-o-transform:translate(-50%,-5%);z-index:200;text-align:center;padding:1rem;border-radius:.8rem;border-color:var(--color-primary-accent);border-width:2px;border-style:solid;box-shadow:0 0 3rem rgb(0 0 0 / 50%);-webkit-box-shadow:0 0 3rem rgb(0 0 0 / 50%);-moz-box-shadow:0 0 3rem rgb(0 0 0 / 50%);-o-box-shadow:0 0 3rem rgb(0 0 0 / 50%);background-color:var(--sticky-background);backdrop-filter:blur(var(--sticky-blur));-webkit-backdrop-filter:blur(var(--sticky-blur));display:none;transition:all ease-in 1000ms}#cookieconsent:hover{box-shadow:0 0 3rem rgb(0 0 0 / 80%);-webkit-box-shadow:0 0 3rem rgb(0 0 0 / 80%);-moz-box-shadow:0 0 3rem rgb(0 0 0 / 80%);-o-box-shadow:0 0 3rem rgb(0 0 0 / 80%);transition:all ease-out 100ms}button{background:var(--color-primary-accent);color:#fff;border-radius:.8rem;padding:.3rem 2rem;cursor:pointer;transition:ease-in 1000ms}button:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transition:ease-out 50ms}section.home{margin-top:1.5rem;padding:1rem;border-radius:var(--radius);box-shadow:0 0 3rem rgb(0 0 0 / 30%);-webkit-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-moz-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-o-box-shadow:0 0 3rem rgb(0 0 0 / 30%)}section.home>div{font-family:"Caveat",cursive;color:var(--color-primary-accent);font-size:1.7rem;font-weight:700}section.home a{font-family:"Fira Sans",sans-serif;color:var(--color-primary-accent);font-size:1.2rem;padding:2rem 1rem 2rem 1rem;white-space:nowrap;word-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--color-primary-accent);font-family:"Caveat",cursive;font-weight:700}h1{text-align:center}h2,h3,h4{margin-top:2rem}h5,h6{margin-top:1.5rem}h1{font-size:200%}h2{font-size:180%}h3{font-size:170%}h4{font-size:160%}h5{font-size:140%}h6{font-size:120%}h1::first-letter ,h2::first-letter ,h3::first-letter ,h4::first-letter ,h5::first-letter ,h6::first-letter {font-size:150%}.img{width:100%;border-radius:var(--radius);box-shadow:0 0 3rem rgb(0 0 0 / 30%);-webkit-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-moz-box-shadow:0 0 3rem rgb(0 0 0 / 30%);-o-box-shadow:0 0 3rem rgb(0 0 0 / 30%)}.mb{margin-bottom:var(--page-margin)}p{text-indent:.5rem;padding:0 0 .05rem 0;margin:0;text-align:justify}.center{text-align:center}a{color:var(--color-primary-accent)}div.labels>a{background-color:var(--sticky-background);padding:.3rem 1rem;border-radius:.3rem;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);display:inline;position:relative;top:-2.5rem;text-transform:uppercase;text-decoration:none;transition:ease-out 500ms}div.labels>a:hover{background-color:var(--sticky-background-hover);transition:100ms;font-size:140%}.cols,.cols-1-2,.cols-2-1,.cols-1-3,.cols-3-1{display:grid;grid-gap:2rem}.cols{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.cols-1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.cols-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.cols-1-3{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.cols-3-1{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.nowrap{white-space:nowrap}.debugborder{border:1px solid red}#nav_l{display:flex}#nav_s{display:none}#nav_s ul{padding:0 0 0 1rem}#nav_s .dropdown-content{left:-8rem}.extlink{text-decoration:none}.extlink:hover{transition:var(--transition);text-decoration:underline;text-decoration-color:var(--color-primary-accent)}@media(max-width:680px){#nav_s{display:flex}#nav_l{display:none}}@media(max-width:500px){html,body,div#page{min-width:300px}body{font-size:.7rem;margin:0}footer{font-size:3vw}img.img{border-radius:2vw}.cols,.cols-1-2,.cols-2-1,.cols-1-3,.cols-3-1{grid-gap:.5rem}}@media(max-width:400px){img.img{border-radius:2vw;max-width:80vw;margin-bottom:1rem;position:relative;left:50%;transform:translate(-50%)}.cols,.cols-1-2,.cols-2-1,.cols-1-3,.cols-3-1{display:block}}