@font-face{font-family:atkinson hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Regular.woff2)format("woff2")}@font-face{font-family:atkinson hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:atkinson hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Bold.woff2)format("woff2");font-weight:700;font-style:normal}@font-face{font-family:atkinson hyperlegible;src:url(/fonts/AtkinsonHyperlegible-BoldItalic.woff2)format("woff2");font-weight:700;font-style:italic}@font-face{font-family:atkinson hyperlegible;src:url(/fonts/AtkinsonHyperlegible-Italic.woff2)format("woff2");font-weight:400;font-style:italic}@keyframes animatedHeader{from{background-position:0 100%}to{background-position:100vw 100%}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--green:#00d600;--red:#df0d0f;--orange:#ff6600;--light:#fff;--dark:#000}*{margin:0;padding:0;box-sizing:border-box}body{font-family:atkinson hyperlegible,serif;font-size:120%;background:var(--light);color:var(--dark)}header{text-align:center;display:block;background:url(/images/campaign.svg)no-repeat bottom;background-size:auto 80%;animation:fadeInUp .8s ease-out .2s backwards}#header-static{}#header-animation{position:relative;width:100%;height:12rem;background:url(/images/traffic.svg)round;background-position:0 100%;background-size:auto 100%;animation:animatedHeader 5s linear infinite;z-index:20}#header-animation::before{content:'';display:block;z-index:50;position:absolute;bottom:-1rem;left:1rem;right:0;top:-1rem;background:url(/images/trafficlight.svg)no-repeat;background-position:0 100%;background-size:contain}#header-animation h1{z-index:200}nav ul{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;list-style:none;padding:1rem}nav ul li{display:block;margin:1em;padding:0 .5em;border-bottom:.5em solid #000;transition:all .5s ease}nav ul li:nth-child(1){border-color:var(--green)}nav ul li:nth-child(2){border-color:var(--orange)}nav ul li:nth-child(3){border-color:var(--red)}nav ul li:nth-child(1).active,nav ul li:nth-child(1):hover{background-color:var(--green);border-color:var(--green)}nav ul li:nth-child(2).active,nav ul li:nth-child(2):hover{background-color:var(--orange);border-color:var(--orange)}nav ul li:nth-child(3).active,nav ul li:nth-child(3):hover{background-color:var(--red);border-color:var(--red)}nav ul li a{color:var(--dark);display:block;font-weight:700;line-height:.5em;font-size:200%;text-decoration:none}header::after{content:'';width:100%;height:1rem;display:block;background:url(/images/spacer.svg)repeat-x}footer{text-align:center;padding:4rem 0;margin-top:4rem;font-weight:700}footer::before{content:'';width:100%;height:1rem;display:block;background:url(/images/spacer.svg)repeat-x}footer .links{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;padding:1rem}footer .links a{display:block;width:28rem;height:20rem;background-position:50% 100%;background-repeat:no-repeat;background-size:contain;border-radius:1em;margin:2rem;padding:1rem;font-size:1.5em;text-decoration:none;color:var(--dark);transition-property:background-color;transition-duration:2s}footer .links a p{background-color:#ffffffe6;transition-property:background-color;transition-duration:2s}footer .links a:nth-child(1){border:.5em solid var(--red);background-image:url(/images/mastodon.svg)}footer .links a:nth-child(2){border:.5em solid var(--orange);background-image:url(/images/newsletter.svg)}footer .links a:nth-child(3){border:.5em solid var(--green);background-image:url(/images/email.svg)}footer .links a:hover:nth-child(1),footer .links a:focus:nth-child(1){background-color:var(--red)}footer .links a:hover:nth-child(2),footer .links a:focus:nth-child(2){background-color:var(--orange)}footer .links a:hover:nth-child(3),footer .links a:focus:nth-child(3){background-color:var(--green)}footer .links a:hover:nth-child(1) p,footer .links a:focus:nth-child(1) p{background-color:var(--red)}footer .links a:hover:nth-child(2) p,footer .links a:focus:nth-child(2) p{background-color:var(--orange)}footer .links a:hover:nth-child(3) p,footer .links a:focus:nth-child(3) p{background-color:var(--green)}section::after{content:'';display:block;clear:both}main{max-width:1400px;margin:0 auto;padding:2rem}h1{font-size:clamp(2.5rem,8vw,5rem);line-height:1.1;letter-spacing:-.02em;animation:fadeInUp .8s ease-out;text-shadow:#fff 0 0 1rem}h2{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.1;margin-top:.5em;margin-bottom:1em;letter-spacing:-.02em;animation:fadeInUp .8s ease-out;text-shadow:#fff 0 0 1rem}h3{font-size:clamp(1rem,3vw,2rem);line-height:1.1;margin-top:.5em;margin-bottom:1em;letter-spacing:-.02em;animation:fadeInUp .8s ease-out;text-shadow:#fff 0 0 1rem}figure{width:100%}figure.right{float:right;width:500px;height:800px;border:1px solid red}figure.left{float:left;width:50%;max-height:100%;border:1px solid red}figure img{height:100%;max-width:100%;display:block;margin:auto}section p{line-height:150%;margin:1em 0}.subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--dark);font-weight:700;animation:fadeInUp .8s ease-out .2s backwards;text-shadow:#fff 0 0 1rem}