html{scroll-snap-type:y mandatory}html,body{margin:0;padding:0;height:100%}body{font-family:Lato,serif;font-optical-sizing:auto}#app{width:100%;height:100%}canvas.webgl{width:100%;height:100%;position:fixed;top:0;left:0;outline:none;z-index:1;pointer-events:none}.main{position:absolute;top:0;left:0;width:100%}section{min-height:120vh;width:100%;overflow:hidden;display:flex;justify-content:center;font-optical-sizing:auto;font-style:normal;scroll-snap-align:start;position:relative}section h2{margin-top:12%;font-size:3.5rem;font-family:Playfair Display,serif;line-height:110%;color:#fff}section.visible{background:#8a2be2!important}body{background-size:cover}#above{background:radial-gradient(#63b0f0,#03477f);background:url(/static/images/above.png);background-size:cover}#survival:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/static/images/Blue%20Planet%20Oceans%20courtesy%20of%20BBC%20America.gif);filter:blur(2.5px);background-size:cover;z-index:-1;scale:1.5}#shallow{background:#3998bf;background:url(/static/images/shallow.png);background-size:cover}#deepSea{background:#434554;background:url(https://wallpapercave.com/wp/CKGA9TE.jpg);background-size:cover}#end{background:#131943;background:url(/static/images/end.png);background-size:cover}.navbar a{text-decoration:none}.navbar{background-color:#4374b4;display:flex;align-items:center;justify-content:space-evenly;position:absolute;width:100%;z-index:1111}.navbar a{color:#e7e7e7}.navbar .brand{display:block;padding:0 24px;font-size:24px}.navbar ul{margin:0;padding:0;list-style-type:none;display:flex;align-items:center;justify-content:flex-start}.navbar ul li a{color:#e7e7e7;padding:24px;display:block}.navbar ul a:hover,.navbar ul a:focus,.navbar ul .active{background-color:#075ba5eb}#above .cloud{width:200px;height:90px;background:url(/static/cloud.png);position:absolute;background-repeat:no-repeat;transition:1s cubic-bezier(.075,.82,.165,1) all;mix-blend-mode:hard-light}#above .birds-fly{background:url(/static/images/wings-bird.gif);width:200px;height:116px;position:absolute;left:110%;top:4%;-webkit-animation:slide 18s infinite;-webkit-animation-delay:1.3s;animation:slide 18s infinite;animation-delay:1.3s;scale:.6}@-webkit-keyframes slide{0%{left:110%}to{left:-110%}}@keyframes slide{0%{left:110%}to{left:-110%}}.credits{color:bisque;position:absolute;width:90%;bottom:20%;left:5%;text-align:center;opacity:.5}