@font-face{font-family:'GTAmericaMono-Regular';src:url('/css/fonts/GTAmericaMono-Regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/GTAmericaMono-Regular.woff') format('woff'), url('/css/fonts/GTAmericaMono-Regular.ttf') format('truetype'), url('/css/fonts/GTAmericaMono-Regular.svg#GTAmericaMono-Regular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'GTAmerica-ExpandedRegular';src:url('/css/fonts/GTAmerica-ExpandedRegular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/GTAmerica-ExpandedRegular.woff') format('woff'), url('/css/fonts/GTAmerica-ExpandedRegular.ttf') format('truetype'), url('/css/fonts/GTAmerica-ExpandedRegular.svg#GTAmerica-ExpandedRegular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'GTAmerica-Regular';src:url('/css/fonts/GTAmerica-Regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/GTAmerica-Regular.woff') format('woff'), url('/css/fonts/GTAmerica-Regular.ttf') format('truetype'), url('/css/fonts/GTAmerica-Regular.svg#GTAmerica-Regular') format('svg');font-weight:normal;font-style:normal;}
a{text-decoration:none;}
p{margin-top:0;margin-bottom:0;}
html, body{width:100%;height:100%;font-size:24px;color:black;overflow:hidden;}
body{position:absolute;font-family:'GTAmerica-Regular';}
#loader{pointer-events:none;position:absolute;opacity:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-animation:fadeInWrapper 400ms 1 forwards;-moz-animation:fadeInWrapper 400ms 1 forwards;-o-animation:fadeInWrapper 400ms 1 forwards;animation:fadeInWrapper 400ms 1 forwards;}
body.loaded #loader{-webkit-animation:fadeOutLoader 150ms 1 forwards;-moz-animation:fadeOutLoader 150ms 1 forwards;-o-animation:fadeOutLoader 150ms 1 forwards;animation:fadeOutLoader 150ms 1 forwards;}
#wrapper{opacity:0;width:100%;height:100%;}
body.loaded #wrapper{-webkit-animation:fadeInWrapper 600ms 150ms 1 forwards;-moz-animation:fadeInWrapper 600ms 150ms 1 forwards;-o-animation:fadeInWrapper 600ms 150ms 1 forwards;animation:fadeInWrapper 600ms 150ms 1 forwards;}
@-webkit-keyframes fadeInWrapper{from{opacity:0;}
to{opacity:1;}
}
@-webkit-keyframes fadeOutLoader{from{opacity:1;visibility:visible;}
to{opacity:0;visibility:hidden;}
}
.has-slider{position:relative;overflow:hidden;width:100%;height:100%;}
.slider{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;}
.slider.is-animating{-webkit-transition:-webkit-transform 400ms cubic-bezier(.19,.5,.5,1);transition:-webkit-transform 400ms cubic-bezier(.19,.5,.5,1);transition:transform 400ms cubic-bezier(.19,.5,.5,1);transition:transform 400ms cubic-bezier(.19,.5,.5,1), -webkit-transform 400ms cubic-bezier(.19,.5,.5,1);}
.slider-panel{position:relative;overflow:hidden;width:100%;height:100%;}
.slider-home{background:rgb(0,0,255);color:white;}
.slider-panel img, .slider-panel p{pointer-events:none;}
.story-wrapper{position:absolute;width:60%;left:30px;top:30px;z-index:10;}
.full-width-gif{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%;overflow:hidden;position:absolute;left:0;top:0;}
.full-width-gif.loading{opacity:1;}
.full-width-gif.placeholder{opacity:0;}
p.story{margin-top:17px;}
div.story-gif-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
#main-menu-link-contribute{position:absolute;right:0;top:0;height:55px;transform:rotateZ(-90deg) translateX(20px);transform-origin:100% 100%;text-decoration:none;color:black;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
body.active-slide-home #main-menu-link-contribute{color:white;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
body.active-slide-home #main-menu-link-about{color:white;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
#main-menu-link-archive{position:absolute;right:0;top:50%;height:55px;transform:rotateZ(-90deg) translateY(-55px) translateX(21%);transform-origin:100% 0%;text-decoration:none;color:black;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
body.active-slide-home #main-menu-link-archive{color:white;}
.bg-black{background:black;}
.bg-white{background:white;}
.bg-blue{background:rgb(0,0,255);}
.font-color-white, .font-color-white *, .font-color-white:visited{color:white;}
.font-color-black, .font-color-black *, .font-color-black:visited{color:black;}
.font-color-blue, .font-color-blue *, .font-color-blue:visited{color:rgb(0,0,255);}
.sidenav-top{position:absolute;z-index:1000;right:0;top:0;height:55px;transform-origin:100% 0%;text-decoration:none;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);transform:rotateZ(-90deg) translateY(-100%) translateX(-33px);}
.sidenav-center{position:absolute;z-index:1000;right:0;top:50%;height:55px;text-decoration:none;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);transform:translateY(-100%)rotateZ(-90deg) translateY(-100%);transform-origin:100% 0;}
.sidenav-bottom{position:absolute;z-index:1000;right:0;bottom:0;height:55px;transform-origin:100% 100%;transform:rotate(-90deg) translateX(100%) translateX(33px);text-decoration:none;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
.link-close{position:absolute;z-index:1000;right:0;top:0;height:55px;transform:rotateZ(-90deg) translateX(20px);transform-origin:100% 100%;text-decoration:none;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
.archive-menu{opacity:0;transition:opacity 50ms ease 0s;}
.archive-menu.show-menu{opacity:1;transition:opacity 500ms ease 400ms;}
body.active-slide-home .archive-menu{pointer-events:none;}
.link-close-main-menu{position:absolute;color:black;z-index:1000;right:0;top:0;height:55px;transform:rotateZ(-90deg) translateX(20px);transform-origin:100% 100%;}
.link-archive-previous{position:absolute;z-index:1000;color:black;right:0;top:50%;height:55px;transform:rotateZ(-90deg) translateY(-55px) translateX(52%);transform-origin:100% 0%;}
.link-archive-next{position:absolute;z-index:1000;color:black;right:0;bottom:0;height:55px;transform:rotateZ(-90deg) translateY(-55px) translateX(46px);transform-origin:100% 0%;}
.scroll-container{height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}
.scroll-container::-webkit-scrollbar{display:none;}
.content-container{width:70%;margin-left:30px;}
p.content{margin:30px 0;}
.inline-link{line-height:63px;}
.inline-image{margin:15px 0;max-width:100%;}
.staticpanel{position:absolute;overflow:hidden;width:100%;height:100%;z-index:100000;-webkit-transition:-webkit-transform 400ms cubic-bezier(0.5, 0, 0.5, 1);transition:-webkit-transform 400ms cubic-bezier(0.5, 0, 0.5, 1);transition:transform 400ms cubic-bezier(0.5, 0, 0.5, 1);transition:transform 400ms cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 400ms cubic-bezier(0.5, 0, 0.5, 1);}
.panel-top{transform:translateY(-100%);}
.panel-bottom{transform:translateY(100%);}
.panel-top.panel-out, .panel-bottom.panel-out{transform:translateY(0%);}
.center-content-container{pointer-events:none;display:flex;justify-content:center;align-items:center;width:100%;height:100%;}
input.email{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:none;width:100%;margin:15px 10px 15px 0;border:2px solid black;padding:5px 10px 9px 10px;max-width:383px;box-sizing:border-box;}
input.email.invalid::-webkit-input-placeholder{color:red;opacity:1;}
input.email.invalid:-moz-placeholder{color:red;opacity:1;}
input.email.invalid::-moz-placeholder{color:red;opacity:1;}
input.email.invalid:-ms-input-placeholder{color:red;opacity:1;}
input.email.invalid{border:2px solid red;}
input.submit.submitting{color:rgb(218, 218, 218);-webkit-tap-highlight-color:white;}
input.submit{outline:none;padding:0;border:none;background:rgba(0,0,0,0);}
a.link-archive, a.link-archive:visited, a.link-archive:active{color:black;}
#pushbutton{margin-bottom:5px;min-width:300px;}
input.insertbutton{margin-top:20px;}
.switch{position:relative;display:inline-block;width:60px;height:34px;}
.sliderbutton input{display:none;}
.sliderbutton{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#000;-webkit-transition:.4s;transition:.4s;}
.sliderbutton:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input#push.enabled + .sliderbutton{background-color:#0000ff;}
input#push.enabled:focus + .sliderbutton{box-shadow:none;}
input#push.enabled + .sliderbutton:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
input#push.working + .sliderbutton:before{-webkit-animation:blinking 0.2s 0s infinite linear alternate backwards;-moz-animation:blinking 0.2s 0s infinite linear alternate backwards;-o-animation:blinking 0.2s 0s infinite linear alternate backwards;animation:blinking 0.2s 0s infinite linear alternate backwards;}
@-webkit-keyframes blinking{0%{background-color:#fff;}
100%{background-color:#000;}
}
input#push.enabled.working + .sliderbutton:before{-webkit-animation:blinking2 0.2s 0s infinite linear alternate backwards;-moz-animation:blinking2 0.2s 0s infinite linear alternate backwards;-o-animation:blinking2 0.2s 0s infinite linear alternate backwards;animation:blinking2 0.2s 0s infinite linear alternate backwards;}
@-webkit-keyframes blinking2{0%{background-color:#fff;}
100%{background-color:#0000ff;}
}
html:not(.serviceworker) #pushbutton, html:not(.serviceworker) div#insertbutton{display:none;}
.arrow-animated-vertical{display:inline-block;-webkit-animation:bouncing 4s 0s infinite ease-in-out forwards;-moz-animation:bouncing 4s 0s infinite ease-in-out forwards;-o-animation:bouncing 4s 0s infinite ease-in-out forwards;animation:bouncing 4s 0s infinite ease-in-out forwards;}
@-webkit-keyframes bouncing{0%{transform:translateX(0px)}
5%{transform:translateX(-9px)}
10%{transform:translateX(0px)}
15%{transform:translateX(-9px)}
20%{transform:translateX(0px)}
100%{transform:translateX(0px)}
}
#controls-hint{position:absolute;bottom:30px;left:30px;z-index:1000000;display:none;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
body.active-slide-home #controls-hint{color:white;transition:color 200ms cubic-bezier(0.5, 0, 0.5, 1);}
.font-size-small{font-size:16px;}
.font-style-expanded{font-family:'GTAmerica-ExpandedRegular';}
canvas#paperjs{display:inline-block;width:100%;box-sizing:border-box;background:white;pointer-events:all;}
body.desktop canvas#paperjs{cursor:none;}
.canvas-container{position:absolute;top:0;}
#tabwrapper{margin:0 auto;}
.tab-content{width:100%;height:100%;text-align:center;position:absolute;text-align:left;}
.tab-content img{pointer-events:none;position:absolute;width:100%;}
.scrubber .track{background:white;height:2px;margin-top:-1px;border-radius:0;}
.scrubber .thumb{border:2px solid white;}
.scrubber{margin:-7px auto 0 auto;}
.scrubber .thumb:hover,
.scrubber-vert .thumb:hover,
.thumb.dragging{background:rgb(0,0,255);opacity:1;}
body.first-contributor .scrubber{display:none;}
.full-width-container{width:100%;}
div.draw-container p.content{line-height:10px;margin-bottom:0;}
#pencil{height:auto;width:50px;position:absolute;transform-origin:50% 0%;pointer-events:none;z-index:10000000;display:none;}
.tab-content-hidden{display:none;}
.tab-content.drawn-frames{background:white;}
#lastFrame{opacity:0.2;transition:opacity 200ms cubic-bezier(0.5, 0, 0.5, 1);}
#lastFrame.hidden{opacity:0;transition:opacity 200ms cubic-bezier(0.5, 0, 0.5, 1);}
.bottom-container{position:absolute;bottom:0;left:0;}
@media (min-width:950px){}
@media (min-width:450px) and (max-width:950px){}
@media (max-width:450px){body{font-size:20px;}
.font-size-small{font-size:15px;}
input.email{margin:15px 0;}
#pushbutton{min-width:240px;}
.scrubber .track{height:1px;}
}
@media (max-width:557){}