body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,Press Start\ 2P;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace,Press Start\ 2P}.scene1-container{align-items:flex-end;background-attachment:fixed;background-image:url(/static/media/home_screen.78a58481a9cf901d5e0a.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;display:flex;height:100vh;justify-content:center;overflow:hidden;position:fixed;position:relative;top:0;width:100vw}.scene-content{background-color:#00000080;border-radius:10px;color:#fff;padding:20px;position:fixed;text-align:center;z-index:1}.bottom-right-image{bottom:20px;bottom:0;height:auto;margin-right:-60px;position:absolute;position:fixed;right:20px;width:60vh;z-index:2}.bubble{background-color:#fff;box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000;color:#000;display:inline-block;font-family:Press Start\ 2P,cursive;font-size:16px;line-height:1.3em;margin-left:-160px;padding:5px;position:relative;text-align:center;width:70vw;&:after{background:#fff;box-shadow:4px -4px #fff,4px 0 #fff,8px 0 #fff,0 -8px #fff,4px 4px #000,8px 4px #000,12px 4px #000,16px 4px #000,12px 0 #000,8px -4px #000,4px -8px #000,0 -4px #fff;content:"";display:block;height:4px;position:absolute;right:-8px;top:21px;width:4px}}.bubble.bottom{margin-bottom:50px}.bubble.shadow{box-shadow:0 -4px #fff,0 -8px #000,4px 0 #fff,4px -4px #000,8px 0 #000,0 4px #fff,0 8px #000,-4px 0 #fff,-4px 4px #000,-8px 0 #000,-4px -4px #000,4px 4px #000,4px 12px #0000001a,12px 4px #0000001a,8px 8px #0000001a}.choices{align-items:center;display:flex;justify-content:center;width:100%}.choices button{background-color:#fff;border:3px solid #000;box-shadow:5px 5px 0 #000,-5px 5px 0 #000;color:#000;cursor:pointer;font-family:Press Start\ 2P,cursive;margin:0 auto;padding:10px 20px;transition:background-color .2s}.choices button:hover{background-color:#e0e0e0}.scene2-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/Starting%20Menu.48eec7b1c4c226361f20.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.scene2-text{margin:0;padding-bottom:5vh;padding-top:5vh}.centered-image{height:auto;max-width:55%;padding-bottom:5vh;padding-left:15vh}.scene2-text{font-family:Press Start\ 2P,cursive;font-size:60px;margin-bottom:85vh}.scene2-description,.scene2-text{color:#fff;position:fixed;text-align:center}.scene2-description{font-size:20px;max-width:600px}.open-button{background-color:#fff;border:3px solid #000;bottom:20px;box-shadow:5px 5px 0 #000,-5px 5px 0 #000;color:#000;cursor:pointer;font-family:Press Start\ 2P,cursive;padding:10px 20px;position:absolute;right:20px;z-index:1000}.open-button:hover{background-color:#e0e0e0}.popup-box{background-color:#fff;border:3px solid #000;bottom:60px;box-shadow:5px 5px 0 #000,-5px 5px 0 #000;color:#000;display:none;font-family:Press Start\ 2P,cursive;padding:10px 20px;position:fixed;right:20px;width:200px;z-index:1000}.open-button:hover+.popup-box,.popup-box:hover{display:block}.algae-container{align-items:center;background-position:50%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px;width:100%}.small-algae{animation:fadeIn 2s forwards;transition:transform 6s ease-in-out}.increase.small-algae.bottom-left-image{animation:moveLeftToCenter 6s forwards;bottom:20%;left:20%}.increase.small-algae.bottom-right-image{animation:moveRightToCenter 6s forwards;bottom:20%;left:70%}.increase.small-algae.middle-image{animation:moveDownToCenter 6s forwards;bottom:20%;left:45%}@keyframes moveLeftToCenter{0%{transform:translate(0)}to{transform:translate(22vw,-13vh)}}@keyframes moveRightToCenter{0%{transform:translate(0)}to{transform:translate(-22vw,-12vh)}}@keyframes moveDownToCenter{0%{transform:translate(0)}to{transform:translateY(-11vh)}}.big-algae{display:block;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,10%);transition:opacity 6s ease-in-out;width:300px}.big-algae.visible{opacity:1}.small-algae{opacity:1;position:absolute;transition:opacity 2s ease-in}@keyframes jiggle-horizontal{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-2px)}}@keyframes jiggle-vertical{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(5px)}75%{transform:translateY(-2px)}}.algae-container{background-image:url(/static/media/ocean_bg.57433277a7626ec04c1a.png);background-size:cover;height:100vh;position:relative}.decrease.small-algae.alge-one{bottom:20%;left:20%}.decrease.small-algae.alge-two{bottom:20%;left:70%}.decrease.small-algae.alge-three{bottom:20%;left:45%}.decrease.small-algae.alge-four{bottom:10%;left:35%}.decrease.small-algae.alge-five{bottom:30%;left:65%}.decrease.small-algae.alge-six{bottom:35%;left:30%}.jiggle-horizontal{animation:jiggle-horizontal .5s ease-in-out infinite}.jiggle-vertical{animation:jiggle-vertical .5s ease-in-out infinite}.decrease.alge-one.jiggle-horizontal{animation-delay:0s}.decrease.alge-two.jiggle-vertical{animation-delay:.2s}.decrease.alge-three.jiggle-horizontal{animation-delay:.4s}.decrease.alge-four.jiggle-vertical{animation-delay:.6s}.decrease.alge-five.jiggle-horizontal{animation-delay:.8s}.decrease.alge-six.jiggle-vertical{animation-delay:1s}.ozone01{animation:fadeIn 4s forwards;left:20vw;position:fixed;top:50vh}.ozone02{left:35vw;position:fixed;top:75vh}.ozone03{animation:fadeIn 4s forwards;left:50vw;position:fixed;top:70vh}.ozone04{left:70vw;position:fixed;top:50vh}.uv01{left:20vw;top:55vh}.uv01,.uv02{animation:fallAway 4s;opacity:0;position:fixed}.uv02{left:40vw;top:65vh}.uv03{left:65vw;top:60vh}.uv03,.uv04{animation:fallAway 4s;opacity:0;position:fixed}.uv04{left:78vw;top:75vh}@keyframes fallAway{0%{opacity:1;transform:translateY(-300px)}to{opacity:0;transform:translateY(0)}}.ozone-container{align-items:center;background-image:url(/static/media/atm_bg.9451578db324ac7542ea.png);background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;padding-top:20px;position:relative;width:100%}.title{font-size:2rem;margin-bottom:10px}.next-button{cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 20px}.ozone1{left:20vw;top:50vh}.ozone1,.ozone2{animation:fadeOut 2s forwards;position:fixed;transition:transform 6s ease-in-out}.ozone2{left:35vw;top:75vh}.ozone3{left:50vw;top:70vh}.ozone3,.ozone4{animation:fadeOut 2s forwards;position:fixed;transition:transform 6s ease-in-out}.ozone4{left:70vw;top:50vh}.cfc1{animation:rotate1 5s infinite;left:30vw;top:55vh}.cfc1,.cfc2{position:fixed}.cfc2{animation:rotate2 5s infinite;left:58vw;top:58vh}.uv1{left:20vw;top:55vh}.uv1,.uv2{animation:fallToEarth 5s;position:fixed}.uv2{left:40vw;top:65vh}.uv3{left:65vw;top:60vh}.uv3,.uv4{animation:fallToEarth 5s;position:fixed}.uv4{left:78vw;top:75vh}@keyframes rotate2{50%{transform:rotate(1turn)}}@keyframes rotate1{50%{transform:rotate(-1turn)}}@keyframes fallToEarth{0%{opacity:0;transform:translateY(-300px)}to{opacity:1;transform:translateY(0)}}.question-selector-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/Starting%20Menu.48eec7b1c4c226361f20.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.question-container{margin-bottom:20px;text-align:center}.question-text{color:#fff;font-family:Press Start\ 2P,cursive;font-size:24px}.polarization-bad-container,.polarization-good-container,.rs-bad-container,.rs-good-container{align-items:center;background-attachment:fixed;background-image:url(/static/media/Starting%20Menu.48eec7b1c4c226361f20.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.content-container{align-items:center;display:flex;justify-content:flex-start;padding:0 5vh;width:80%}.image-container{align-items:center;display:flex;flex-direction:column;margin-right:5vh}.left-image,.top-image{height:auto;margin-bottom:10px;width:70vh}.scientist-image{bottom:20px;bottom:0;height:auto;margin-right:-60px;position:absolute;position:fixed;right:20px;width:60vh;z-index:2}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.app-container{height:100vh;position:relative;width:100vw}.fade-in{animation:fadeIn .5s ease-in forwards}.fade-out{animation:fadeOut .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.1f4cc6df.css.map*/