@import url(https://fonts.googleapis.com/css?family=Roboto|Open+Sans);body,html{margin:0;padding:0;font-family:sans-serif;overflow:hidden}#root,body,html{height:100%;width:100%}#root{position:relative}@keyframes fromTopLeft-in{0%{margin-top:calc(var(--marginTranslationIn)*-1);margin-left:calc(var(--marginTranslationIn)*-1)}to{margin:0}}@keyframes fromUp-in{0%{margin-top:calc(var(--marginTranslationIn)*-1)}to{margin:0}}@keyframes fromTopRight-in{0%{margin-top:calc(var(--marginTranslationIn)*-1);margin-left:var(--marginTranslationIn)}to{margin:0}}@keyframes fromLeft-in{0%{margin-left:calc(var(--marginTranslationIn)*-1)}to{margin:0}}@keyframes fromRight-in{0%{margin-left:var(--marginTranslationIn)}to{margin:0}}@keyframes fromBottomLeft-in{0%{margin-top:var(--marginTranslationIn);margin-left:calc(var(--marginTranslationIn)*-1)}to{margin:0}}@keyframes fromDown-in{0%{margin-top:var(--marginTranslationIn)}to{margin:0}}@keyframes fromBottomRight-in{0%{margin-top:var(--marginTranslationIn);margin-left:var(--marginTranslationIn)}to{margin:0}}@keyframes toTopLeft-out{0%{margin:0}to{margin-top:calc(var(--marginTranslationOut)*-1);margin-left:calc(var(--marginTranslationOut)*-1)}}@keyframes toUp-out{0%{margin:0}to{margin-top:calc(var(--marginTranslationOut)*-1)}}@keyframes toTopRight-out{0%{margin:0}to{margin-top:calc(var(--marginTranslationOut)*-1);margin-left:var(--marginTranslationOut)}}@keyframes toLeft-out{0%{margin:0}to{margin-left:calc(var(--marginTranslationOut)*-1)}}@keyframes toRight-out{0%{margin:0}to{margin-left:var(--marginTranslationOut)}}@keyframes toBottomLeft-out{0%{margin:0}to{margin-top:var(--marginTranslationOut);margin-left:calc(var(--marginTranslationOut)*-1)}}@keyframes toDown-out{0%{margin:0}to{margin-top:var(--marginTranslationOut)}}@keyframes toBottomRight-out{0%{margin:0}to{margin-top:var(--marginTranslationOut);margin-left:var(--marginTranslationOut)}}@keyframes blink{0%{opacity:1}50%{opacity:var(--minOpacity)}to{opacity:1}}.canvas-for-eyedropper{position:absolute;top:0;left:0;pointer-events:auto}.background-for-canvas{position:fixed;top:0;bottom:0;right:0;left:0;background:transparent;z-index:1110;pointer-events:none}.cancel-click-zone{pointer-events:auto;background:transparent;position:absolute}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes cross-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cross-fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out-in-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out-in-out{0%{opacity:1}to{opacity:0}}@keyframes none-in{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes none-out{0%{opacity:1}1%{opacity:0}to{opacity:0}}@keyframes last-slide-out{0%{opacity:1}to{opacity:1}}.banner{display:block;cursor:pointer}.banner,.slide{position:absolute;overflow:hidden}.slide{animation-iteration-count:1,1;animation-timing-function:ease-in-out,ease-in-out;animation-fill-mode:both,forwards;animation-direction:normal,normal;height:100%;width:100%;top:0;left:0}.element{position:absolute;display:block;z-index:0;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:backwards,forwards;animation-direction:normal}.element,.element *{box-sizing:border-box}.text-container{display:table}.text{width:100%;display:table-cell}.button,.rectangle{height:100%;width:100%;border-style:solid}.button{display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer;pointer-events:auto}.button,.button:after{transition:background-image .25s cubic-bezier(.4,0,.2,1) 0ms}.button:after{content:"";position:absolute;height:100%;width:100%;border-radius:inherit}.button:hover:after{background-color:rgba(0,0,0,.1)}.button.text{width:100%;white-space:pre-wrap;text-align:center}.button.verticalGradient{background-image:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 50%,transparent 0,rgba(0,0,0,.2))}.button.horizontalGradient{background-image:linear-gradient(90deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 50%,transparent 0,rgba(0,0,0,.2))}.button.diagonalGradient{background-image:linear-gradient(to bottom right,hsla(0,0%,100%,.2),hsla(0,0%,100%,0) 50%,transparent 0,rgba(0,0,0,.2))}.button.glossy{box-shadow:inset 0 1px hsla(0,0%,100%,.4),0 1px 2px rgba(0,0,0,.2);background-image:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.12) 0,rgba(0,0,0,.04))}.image{height:100%;width:100%;background-repeat:no-repeat}
/*# sourceMappingURL=main.d390738c.chunk.css.map */