@font-face{font-family:MuseoSans500;src:url(../../content/fonts/museosans_500-webfont.eot);src:url(../../content/fonts/museosans_500-webfont.eot?#iefix) format('embedded-opentype'),url(../../content/fonts/museosans_500-webfont.woff) format('woff'),url(../../content/fonts/museosans_500-webfont.ttf) format('truetype'),url(../../content/fonts/museosans_500-webfont.svg#webfontzd9Q03hQ) format('svg');font-weight:400;font-style:normal}@font-face{font-family:VetoComRegular;src:url(../../content/fonts/vetocom-regular-webfont.eot);src:url(../../content/fonts/vetocom-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../../content/fonts/vetocom-regular-webfont.woff) format('woff'),url(../../content/fonts/vetocom-regular-webfont.ttf) format('truetype'),url(../../content/fonts/vetocom-regular-webfont.svg#webfontEvunlbj3) format('svg');font-weight:400;font-style:normal}*{box-sizing:border-box}:root{--button-size:10vh;--half-button-size:5vh;--third-button-size:calc(--button-size/3);--button-icon-size:6vh;--half-button-icon-size:3vh;--third-button-icon-size:2vh}html{font-size:calc(100% + .6vw + .3vh);font-family:MuseoSans500,Arial,Helvetica,sans-serif}body,html{margin:0;padding:0;height:100%;display:flex;flex-direction:column}body>*{flex:1;overflow:hidden}#story{position:relative;margin:0 6vw;will-change:opacity;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 95%);mask-image:linear-gradient(to bottom,#000 80%,transparent 95%)}#story>*{position:absolute}#progress-container{position:relative;max-height:.5vh;min-height:.5vh;padding:0;background-color:#f5f5f5}#progress-level{background-color:#993c63;height:100%;width:100vw;transform:scaleX(0);transform-origin:left}.handwriting0{font-family:Caveat,cursive}.handwriting1{font-family:'Cedarville Cursive',cursive}.handwriting2{font-family:'Indie Flower',cursive}.handwriting3{font-family:'Nanum Pen Script',cursive}.handwriting4{font-family:'Nothing You Could Do',cursive}.handwriting5{font-family:'Patrick Hand',cursive}.handwriting6{font-family:'Shadows Into Light',cursive}.handwriting7{font-family:'Sue Ellen Francisco',cursive}.ink0{color:#000}.ink1{color:#0000cd}.ink2{color:#00008b}.ink3{color:#006400}.ink4{color:#2f4f4f}h1{font-size:2rem;font-family:VetoComRegular,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:#5b1e45;background-color:#f5f5f5;border-radius:1rem;padding:1.5rem;quotes:'\201C' '\201D'}h1::before{content:open-quote}h1::after{content:close-quote}h2{font-size:1rem;font-weight:400}h2 span{color:#993c63}h3{font-size:.8rem;font-weight:400}h3 .bullet{color:#993c63}p{font-size:1.2rem;line-height:1.8rem;margin:.5em 0}#logo{z-index:10}#logo img{height:6vh;line-height:6vh;margin-top:.4rem}#footer{max-height:8vh;min-height:8vh;background-color:#f5f5f5;border-top:1px solid #ddd;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 3vw}#footer>div{color:#993c63;z-index:10}#footer>div:hover{color:#d04e7c}#footer a{color:#993c63;text-decoration:none}#footer a:hover{color:#d04e7c}.setting{height:5vh;width:5vh;background-color:#f5f5f5;font-size:3vh;text-align:center;vertical-align:middle;line-height:5vh;border:.1rem solid #993c63;cursor:pointer;user-select:none}.setting:hover{background-color:#fff;border-color:#d04e7c}#story-id{height:3vh;width:10vh;align-self:flex-end;display:flex;justify-content:center;align-items:center;background-color:#993c63;border-radius:.5rem;margin-left:2rem;margin-bottom:1vh}#story-id>*{position:absolute}#story-id a{display:block;color:#f5f5f5;font-size:.7rem;line-height:.8rem;margin:auto}#speed{position:relative;display:flex;justify-content:center;margin-left:auto;margin-right:1rem;border-radius:50%;transition:transform .8s ease-in-out}#speed-digit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:2vh;width:2vh;border-radius:50%;background-color:#993c63;color:#f5f5f5;font-size:1.5vh;text-align:center;vertical-align:middle;line-height:2vh;z-index:11}#speed-needle{position:absolute;bottom:50%;height:2vh;width:.4vh;background-color:#993c63;border-radius:30%;transition:transform .5s ease-in-out;transform-origin:bottom center}#back{border-radius:20%;margin-right:1rem;font-size:1.5rem;user-select:none}#handwritten{border-radius:20%;margin-right:1rem}#handwritten.on{color:#f5f5f5;background-color:#993c63}#fullscreen{border-radius:20%}#fullscreen.on{color:#f5f5f5;background-color:#993c63}#fullscreen.on:hover{color:#5b1e45}#button-container{width:100vw;position:absolute;height:14vh;bottom:2vh;display:flex;align-items:center;justify-content:center}#button-circle{background-color:#d04e7c;width:var(--button-size);height:var(--button-size);border:none;border-radius:50%;box-shadow:.2vh .2vh .8vh 0 rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center}#button-circle:hover{background-color:#993c63}#button-circle:active{box-shadow:none;transform:translateY(.2vh)}button{background-color:transparent;border:none;width:100%;height:100%;color:#fff;font-size:8vh;font-family:"Segoe UI Symbol";user-select:none}#button-circle .icon{width:var(--button-icon-size);height:var(--button-icon-size);margin:0;box-sizing:border-box;transition:border .2s;border-top:0 solid transparent;border-right:0 solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent}#button-circle.paused .icon{margin-left:15%;border-top:var(--half-button-icon-size) solid transparent;border-right:0 solid transparent;border-bottom:var(--half-button-icon-size) solid transparent;border-left:var(--button-icon-size) solid #333}#button-circle.paused .icon:hover{border-left-color:#444}#button-circle.playing .icon{width:60%;border-top:0 solid transparent;border-right:var(--third-button-icon-size) solid #333;border-bottom:0 solid transparent;border-left:var(--third-button-icon-size) solid #333}#button-circle.playing:hover .icon{border-right:var(--third-button-icon-size) solid #444;border-left:var(--third-button-icon-size) solid #444}#slideshow-loader-container{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.slideshow-loader,.slideshow-loader:after,.slideshow-loader:before{background:#d04e7c;animation:loader 1s infinite ease-in-out;width:2vh;height:8vh}.slideshow-loader{color:#d04e7c;text-indent:-9999em;position:relative;font-size:1rem;transform:translateZ(0);animation-delay:-.16s}.slideshow-loader:after,.slideshow-loader:before{position:absolute;top:0;content:''}.slideshow-loader:before{left:-3vh;animation-delay:-.32s}.slideshow-loader:after{left:3vh}@keyframes loader{0%,100%,80%{box-shadow:0 0 #d04e7c;height:8vh}40%{box-shadow:0 -4vh #d04e7c;height:10vh}}