:root{--md-blue: rgb(10, 49, 97);--bg-color: black;--text-color: white;--primary-font: sans-serif}html,body{margin:0;padding:0;font-family:Lora,serif;font-size:16px;background:var(--bg-color);color:var(--text-color)}.logo{display:block;margin-left:auto;margin-right:auto;padding-top:3rem;box-sizing:border-box;height:150px;width:125px}.logo>p{font-size:1.5rem;font-weight:700;font-family:var(--primary-font);color:#fff;text-align:center;text-transform:uppercase;margin:0}.logo-image{display:block;margin-left:auto;margin-right:auto;width:75%;filter:invert(1)}.background{position:sticky;top:0;margin:0;min-height:100vh;min-height:100svh;max-width:100vw;object-fit:cover;display:grid;place-items:center;z-index:0;mask-image:linear-gradient(to left,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to left,transparent 0%,black 5%,black 95%,transparent 100%);transition:filter .5s ease}.scroll-container{position:relative}.step-container{z-index:1;width:55%;margin:0 auto;transform:translateZ(0)}.scroll-step{min-height:100vh;min-height:100svh;opacity:1;text-align:center}.byline{margin:0;font-size:1.1rem;font-weight:700}.title-container h1{margin:0;font-weight:700;text-transform:uppercase;text-align:center!important}.content.title-container{text-align:center}.question{text-transform:uppercase;text-align:center;font-size:2rem}.content{background-color:#000000bf;border:1px solid white;padding:2rem;box-sizing:border-box;font-size:1.1rem;text-align:left}.align-left{text-align:left}a{color:#91b0fd;text-decoration:underline}a:hover{color:#d0dcfd}.intro-container{padding:20px;max-width:800px;margin:0 auto}@media screen and (max-width: 700px){.step-container{width:90%}}.intro-paragraph{margin-bottom:16px;opacity:0;transform:translateY(10px);animation:fadeIn .6s ease-in forwards;animation-delay:calc(.2s * var(--animation-order));text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 800px){.content{padding:1rem}}