@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Patrick+Hand+SC);@import url(https://fonts.googleapis.com/css2?family=Creepster&display=swap);@import url(https://fonts.googleapis.com/css2?family=Schoolbell&display=swap);.sidebar{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);height:100vh;left:-200px;max-height:calc(100vh - 9rem);overflow-y:auto;position:fixed;top:350px;transition:left .3s ease-in-out;width:200px;z-index:3}.sidebar.open{left:0}.sidebar button{display:flex;margin:20px;padding:10px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{font-family:Schoolbell,cursive;padding:10px;text-align:center}.sidebar li:last-child{border-bottom:none}.completionCircle{width:80px}.closeSidebarImg,.completionCircle{align-items:center;display:flex;margin:0 auto}.closeSidebarImg{width:50px}.create-new-box{cursor:pointer;flex-direction:column;flex-wrap:nowrap;font-family:Creepster,cursive;font-size:23px;font-weight:lighter}.addNew,.create-new-box{align-items:center;display:flex}.addNew{font-family:Schoolbell,cursive;margin:0 auto;width:100px}.close-sidebar{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-wrap:nowrap;font-family:Creepster,cursive;font-size:23px;font-weight:lighter}.create-new-box:hover .overlay{opacity:1}.text{color:#963484;font-size:20px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.overlay{background-color:red;bottom:0;height:50%;left:0;opacity:0;position:relative;right:0;top:0;transition:.3s ease;width:50%;z-index:1000}.addNew:hover .overlay{opacity:1}button{background-color:#a6cfd5;border:solid #d2bf55;box-sizing:border-box;color:#963484;cursor:pointer;display:flex;font-family:Schoolbell,cursive;font-size:1.5rem;font-weight:700;justify-content:center;line-height:1.75rem;margin:10px;max-width:460px;padding:.75rem 1.65rem;position:relative;text-align:center;-webkit-text-decoration:none #000 solid;text-decoration:none #000 solid;text-decoration-thickness:auto;touch-action:manipulation;user-select:none;-webkit-user-select:none}.button:focus{outline:0}.button:after{border:1px solid #000;bottom:4px;content:"";height:calc(100% - 1px);left:4px;position:absolute;width:calc(100% - 1px)}.button:hover:after{bottom:2px;left:2px}@media (min-width:768px){.button{font-size:1.25rem;padding:.75rem 3rem}}*{box-sizing:border-box;transition:all .3s ease-out}.header-list{color:#d2bf55;display:flex;flex:content;font-family:Creepster,cursive;gap:30px;justify-content:space-around;list-style:none;margin:10px 20px}.header{margin:0;overflow:hidden;width:100;z-index:3}.header,.navbar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between}.navbar{-webkit-column-gap:30px;column-gap:30px;margin:40px;padding:0;width:33%}.navbar2{align-items:center;align-self:flex-end;background-color:#333;color:#fff;display:flex;justify-content:flex-end;padding:1px;white-space:nowrap}.navbar-brand{font-size:1.5rem;font-weight:700;text-transform:uppercase}.navbar-nav{display:flex;list-style:none}.nav-item{margin-right:1rem}.nav-bar{align-items:center;background-color:#333;color:#fff;display:flex;height:90px;justify-content:center;padding:76px}.nav-link:hover{text-decoration:underline}img{width:180px}.logo-box{align-items:center;color:#d2bf55;display:flex;flex-direction:column;flex-wrap:nowrap;font-family:Creepster,display;font-size:36px;font-size:58px;font-weight:lighter;font-weight:600;padding:10px;text-shadow:#963484 1px 1px 0,#aaa 2px 2px 0;white-space:nowrap}.username-welcome{color:#dbfcff;font-family:Schoolbell,cursive;font-size:36px;letter-spacing:2px;padding-right:20px;text-shadow:#963484}.App{font-family:sans-serif;text-align:center}.loginicon{align-items:center;color:#dbfcff;cursor:pointer;display:flex;font-family:Creepster,display;font-size:xxx-large;font-weight:bolder;height:40px;justify-content:center;left:85%;position:flex;text-decoration:none;text-shadow:2px 2px #963484;top:10px;white-space:nowrap}.loginicon:hover{color:#d2bf55;text-shadow:#fff}.highlight{color:#963484}.login-form{align-items:center;background-color:#fff;border:1px solid #963484;box-shadow:#1e90ff;display:flex;display:block;justify-content:center;left:50%;min-height:400px;opacity:1;padding:20px;pointer-events:auto;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:transform(),transform();transition:transform();transition:1s;transition:.8s;width:400px}.form-box{background:#000;border:#1e90ff;border-radius:20px;box-shadow:10px 10px 10px 1px rgba(0,0,0,.2);margin-top:7vh;opacity:80%;padding-left:80px;padding-right:80px}.login-text{align-items:center;border-bottom:2px solid #fff;color:#d2bf55;display:flex;flex-direction:column;flex-wrap:nowrap;font-family:Creepster,display;font-size:90px;font-weight:lighter;font-weight:600;justify-content:center;line-height:30px;padding-bottom:3vh;padding-top:4vh;text-shadow:#963484 1px 1px 0,#aaa 2px 2px 0}.login-text,label{text-align:center;width:100%}label{color:#000;font-family:Schoolbell,cursive}.login-box{background:transparent;border:1px solid #963484;display:flex;font-size:11pt;font-weight:600;letter-spacing:1px;margin:5px;padding:2px 2px 2px 10px}.login-box,.login-btn{align-items:center;border-radius:20px;justify-content:center;outline:none;transition:1s}.login-btn{background-color:#30acfb;border:none;color:#fff;cursor:pointer;font-family:Creepster,cursive;font-size:15pt;font-weight:700;margin-bottom:20px;margin-top:5px;width:75%}.login-btn:hover{background-color:#7fffd4;color:#1e90ff;letter-spacing:4px;-webkit-transform:scale(1.03);transform:scale(1.03)}.show{background-color:rgba(0,0,0,.2);display:block;height:100%;opacity:1;pointer-events:none;position:absolute;transition:.8s;-webkit-user-select:none;user-select:none;width:100%;z-index:1000}.show.active{opacity:0;-webkit-transform:translateY(100px) scale(0) rotateY(180deg);transform:translateY(100px) scale(0) rotateY(180deg)}body{background:#eee}#main-container{max-height:100vh;max-width:100vw;position:relative}.thumbnail{background:#fff;border:1px solid #000;border-radius:10px;box-shadow:10px 5px 5px #4b4237;height:250px;margin:0 20px;position:absolute;width:250px}.gallery-list{grid-gap:20px;align-content:center;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);height:50%;justify-content:center;position:relative}.storybook{background:#eee;border-radius:10px;box-shadow:0 0 0 99999px rgba(0,0,0,.4);box-sizing:border-box;-webkit-filter:brightness(150%);filter:brightness(150%);grid-column:3;grid-row:1;height:850px;padding:50px;position:absolute;-webkit-transform:translateY(-20%);transform:translateY(-20%);width:890px;z-index:1}.frame{align-items:center;display:flex;font-family:Schoolbell,sans-serif;font-size:2em;height:750px;justify-content:center;margin-right:50px;width:750px}.flickity-prev-next-button{background:transparent;height:100px;width:100px}.flickity-prev-next-button .arrow{fill:#000}.flickity-prev-next-button.no-svg{color:#000}.flickity-prev-next-button:hover{background:transparent}.flickity-prev-next-button:disabled{display:none}.flickity-page-dots{bottom:0}.flickity-page-dots .dot{background:transparent;border:2px solid #fff;height:12px;opacity:1;width:12px}.flickity-page-dots .dot.is-selected{background:#fff}.welcome-box-title{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-image:linear-gradient(180deg,#d2bf55,#963484);background-repeat:repeat;background-size:100%;padding-top:25px}#welcome-box{align-items:center;background:transparent;border:2px solid #000;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);display:absolute;display:flex;flex-direction:column;font-family:Creepster,cursive;font-size:3em;justify-content:center;margin:100px 50px 400px 225px;z-index:3}#welcome-box,ol{text-align:center}ol{list-style:none;margin:50px 50px 0}li{font-family:Schoolbell,sans-serif;font-size:.75em;margin-bottom:1em;text-align:left}#curtain{background:#eee;display:flex;height:90vh;overflow:hidden}#curtain,.gallery-page{position:absolute;width:100vw}.gallery-page{background-repeat:no-repeat;background-size:cover;height:100vh;z-index:1}.alive{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:itsalive;animation-name:itsalive;background-color:#d2bf55;color:#963484;font-family:Creepster,sans-serif;font-size:3em;text-shadow:5px 5px 10px #a6cfd5}@-webkit-keyframes itsalive{0%{font-size:0}to{font-size:4em}}@keyframes itsalive{0%{font-size:0}to{font-size:4em}}#curtain-L,#curtain-R{background:#eee;display:flex;height:100%;overflow:hidden;width:100%;z-index:2}.slideleft{-webkit-transform:translateX(-110%);transform:translateX(-110%);transition:3s}.sideright{-webkit-transform:translateX(110%);transform:translateX(110%);transition:3s}.slideup{-webkit-transform:translateY(-150%);transform:translateY(-150%);transition:3s}#splash-logo-L{-webkit-transform:translate(62.5%,-15%);transform:translate(62.5%,-15%)}#splash-logo-L,#splash-logo-R{height:80%;margin:auto;position:relative;width:80%}#splash-logo-R{-webkit-transform:translate(-62.5%,-15%);transform:translate(-62.5%,-15%)}
/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{height:100%;overflow:hidden;position:relative}.flickity-slider{height:100%;position:absolute;width:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-button{background:hsla(0,0%,100%,.75);border:none;color:#333;position:absolute}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{box-shadow:0 0 0 5px #19f;outline:none}.flickity-button:active{opacity:.6}.flickity-button:disabled{cursor:auto;opacity:.3;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{border-radius:50%;height:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{left:10px;right:auto}.flickity-prev-next-button .flickity-button-icon{height:60%;left:20%;position:absolute;top:20%;width:60%}.flickity-page-dots{bottom:-25px;line-height:1;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{background:#333;border-radius:50%;cursor:pointer;display:inline-block;height:10px;margin:0 8px;opacity:.25;width:10px}.flickity-page-dots .dot.is-selected{opacity:1}.canvas-container{background-image:url(/static/media/Paper.f505f9d2a30f9647d57e.jpeg);background-repeat:no-repeat;background-size:cover;border:2px solid #000;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);height:66vh;margin:0;width:60vw}.canvas-container:hover{box-shadow:2px 8px 4px -6px rgba(0,0,0,.3)}.canvas-container:lined.thick{border:9px solid #41403e}*{margin:0;padding:0}#desktop-container{background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:2}#drawing-container{display:flex;height:70vh;width:70vw}.workspace{background:#eee;margin:40px;padding:20px}.promptHeader{align-items:center;display:flex;flex-direction:column;font-size:x-large}.drawPrompt,.promptHeader{font-family:Schoolbell,cursive}.drawPrompt{background:transparent;border:2px solid #963484;border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);color:#4b4237;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;padding:25px;width:70vw}.drawPrompt:hover{box-shadow:2px 8px 4px -6px rgba(0,0,0,.3)}.drawPrompt:lined.thick{border:9px solid #41403e}.turnCounter{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;-moz-background-clip:text;background-image:linear-gradient(180deg,#963484,#4b4237);background-repeat:repeat;background-size:100%;font-size:2em}.instructions{font-family:Schoolbell,cursive;font-size:x-large;font-weight:700;margin:10px;padding-top:25px}.submit-button{display:inline;margin:2px 0 15px 40px;padding:5px 10px}#writePrompt{border:1px solid blue;height:400px;width:400px}textarea{font-family:Schoolbell,sans-serif;font-size:xx-large;margin:20px;min-height:100px;width:50vw}.canvas-buttons{display:flex;justify-content:flex-end}#download_image_link{align-content:flex-end;color:#d2bf55;font-size:xx-large}.story-button{--glow-color:#d9b0ff;--glow-spread-color:rgba(191,123,255,.781);--enhanced-glow-color:#e7ceff;--btn-color:#643d88;background-color:var(--btn-color);border:#a6cfd5;border-radius:1em;box-shadow:0 0 1em .25em var(--glow-color),0 0 4em 1em var(--glow-spread-color),inset 0 0 .75em .25em var(--glow-color);color:#d2bf55;color:var(--glow-color);font-family:Schoolbell,cursive;font-size:15px;font-weight:700;outline:none;padding:1em 3em;position:relative;text-shadow:0 0 .5em var(--glow-color);transition:all .3s}.story-button:after{background-color:var(--glow-spread-color);content:"";-webkit-filter:blur(2em);filter:blur(2em);height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:120%;-webkit-transform:perspective(1.5em) rotateX(35deg) scaleY(.6);transform:perspective(1.5em) rotateX(35deg) scaleY(.6);width:100%}.story-button:hover{background-color:var(--glow-color);box-shadow:0 0 1em .25em var(--glow-color),0 0 4em 2em var(--glow-spread-color),inset 0 0 .75em .25em var(--glow-color);color:#963484}.story-button:active{box-shadow:0 0 .6em .25em var(--glow-color),0 0 2.5em 2em var(--glow-spread-color),inset 0 0 .5em .25em var(--glow-color)}.palette-tools{align-content:space-between;color:#963484;display:flex;flex-direction:row-reverse;font-size:xx-large;justify-content:last baseline;word-spacing:20px}
/*# sourceMappingURL=main.e7c9a501.css.map*/