.viz-container{position:relative;display:flex;justify-content:center;margin-top:20px}body{background-color:#e6f5f9}.axis-label{font-family:Martian Mono,monospace;font-size:12px;letter-spacing:.5px}.tick text{font-family:Martian Mono,monospace;font-size:11px}@font-face{font-family:Louize Display;src:url(/the_sea_was_never_blue/fonts/LouizeDisplay.ttf) format("truetype");font-weight:400;font-style:normal}.chart-title{font-family:Louize Display,serif;font-size:24px;fill:#333}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.body-text{text-align:left;width:94%;margin:30px auto;line-height:1.6;padding:0 30px}.prism-container{position:absolute;background-color:#e6f5f9;top:-110px;right:340px;width:0px;height:0px;z-index:0;pointer-events:auto}.html-tooltip{position:absolute;width:auto;min-width:300px;max-width:320px;height:auto;padding:14px;text-align:left;background:#fff;border:1px solid #000000;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;z-index:100;font-family:Martian Mono,monospace;font-size:12px;line-height:1.5}.scrolly-container{position:relative}.sticky-graphic{position:sticky;top:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;z-index:0}.scrolly-scroll{position:relative;z-index:1;margin-top:-100vh;pointer-events:none}.step-card{position:relative;max-width:900px;padding:"25px";margin:0 auto 100vh;pointer-events:auto}.step-ghost{height:100vh}