@charset "UTF-8";body,html{width:100%;height:100%;margin:0;padding:0}body.debug .scene{border:1px solid red;box-sizing:border-box}body.debug #debug,body.debug #debug-grid{z-index:9999999;display:block;position:fixed}body.debug #debug{top:10px;left:10px;color:#fff;background-color:#000;font-weight:700;font-family:Arial;font-size:2em;padding:6px}body.debug #debug-grid{width:100%;height:100%}body.debug #debug-grid .ipad,body.debug #debug-grid .min-size{margin:auto;width:1000px;height:654px;border:1px solid red;box-sizing:border-box;position:relative}body.debug #debug-grid .min-size{height:800px}#debug,#debug-grid{display:none}body,h1{font-family:"Lora",serif}body{background-color:#56bbb8;color:#fff;overflow-x:hidden}h1{font-weight:400;font-size:2.5rem}img.animated{display:block;position:absolute}a{color:#f06eaa;text-decoration:none}a:hover{color:#f59cc5}a:active,a:link,a:visited {color:#f06eaa}p{font-size:2rem;text-align:center;margin:56px auto 0;width:760px}.scene{position:fixed;width:100%;height:900px}.inner{width:1000px;height:100%;margin:0 auto;position:relative}#scene-wrap{transform-origin:top left;top:0;left:0}#top .cloud-one,.skrollr-mobile .skrollable{position:absolute}.click-through{pointer-events:none}@keyframes an-bob{0%,to{transform:translateY(-8px)}50%{transform:translateY(-4px)}}@keyframes an-float{to{transform:translateY(-8px)}}#top{background-color:#faf4e4}#top .cloud-one{left:-114px;top:60px}#top .cloud-two{position:absolute;right:-110px;top:220px}#top .title{position:absolute;text-align:center;top:56px;left:50%;margin-left:-360px}#top .title-text{display:block;position:relative}#top .wavebottom,#top .waves{position:absolute;bottom:199px;left:0;width:100%}#top .wavebottom{bottom:0;height:200px;background-color:#56bbb8}#top .scroll-text{margin-top:24px;line-height:1}#top .arrow{animation-name:an-float,an-bob;animation-duration:.3s,1.5s;animation-delay:0s,.3s;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:forwards;animation-timing-function:ease-out,ease-in-out;transform:translateZ(0)}#top .brugde-seagul{position:absolute;right:-50px;bottom:220px}#scene-1{text-align:center}#scene-1 .brugde-one{width:900px;height:auto}#scene-2 .whale-shark{width:940px}#scene-2 .brugde-unhappy{width:900px}#scene-2 .diver-one{margin-right:150px;width:160px}#scene-2 .diver-two{margin-right:400px;width:160px}#scene-3 .brugde{width:900px}#scene-3 .bubble-his{width:800px}#scene-3 .mermaids{width:880px}#scene-5 .brugde-huge{width:1000px}#scene-6{background-color:#faf4e4;color:#000}#scene-6 .brugde{transform-origin:left top;width:1020px}#scene-6 .wavebottom,#scene-6 .waves{position:absolute;bottom:279px;left:0;width:100%}#scene-6 .wavebottom{bottom:0;height:279px;background-color:#56bbb8}#scene-7{height:4000px}#scene-7 .deep-text{position:absolute}#scene-7 .deep-text-header{position:relative}#scene-8{background-color:#faf4e4;color:#000}#scene-8 .people{width:800px}#scene-8 .soup{width:350px}#scene-8 .wavebottom,#scene-8 .waves{position:absolute;bottom:279px;left:0;width:100%}#scene-8 .wavebottom{bottom:0;height:280px}#scene-8 .wavebottom,#scene-9{background-color:#0d4a5b}#scene-9 .pink{color:#f49ac2}#scene-10 .brugde,#scene-10 .hearts,#scene-9 .brugde{width:980px}#scene-10,#the-end,.blanket{background-color:#56bbb8}#the-end,.blanket{height:654px}#the-end .bloop-text{color:#f49ac2;position:relative;top:80px;font-size:1.5rem;line-height:1.6}#the-end .text{font-size:1.6rem;position:relative;top:180px;color:#0d4a5b}#the-end .text a,#the-end .text a:link{color:#fff}#the-end .text a:hover{color:#eee}#rotate,#the-end .sea-weed{position:absolute;left:0;right:0;bottom:0}#rotate{position:fixed;top:0;background-color:#faf4e4;color:#000;z-index:999999;padding:1rem;line-height:1.3}.blanket{position:fixed;width:100%;height:1000px;top:900px;z-index:100}