@fontface{font-family:Bungee Inline,cursive;src:url(https://fonts.googleapis.com/css?family=Quintessential)}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.background-image-loading{background-image:url(/images/LoadingMap.png);filter:blur(5px);-webkit-filter:blur(8px);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-100;background-position:50%;background-repeat:no-repeat;background-size:cover}.background-text{background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;font-weight:700;position:relative;margin-top:30vh;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:80%;padding:20px;text-align:center}.navbar{position:fixed;padding:1rem;border-style:none;z-index:1000}.menu-button{background-image:url(/images/open-book.svg);height:3rem;width:3rem}#slidingMenu{width:75vw;height:100vh;background-color:#faf4eb;position:fixed;top:0;left:0;-webkit-transition:-webkit-transform .6s cubic-bezier(0,.52,0,1);transition:-webkit-transform .6s cubic-bezier(0,.52,0,1);transition:transform .6s cubic-bezier(0,.52,0,1);transition:transform .6s cubic-bezier(0,.52,0,1),-webkit-transform .6s cubic-bezier(0,.52,0,1);box-shadow:0 1em 3em 0 rgba(0,0,0,.5)!important;z-index:1000}#slidingMenu.hidden{-webkit-transform:translate3d(-100vw,0,0);transform:translate3d(-100vw,0,0)}#slidingMenu.shown{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.sliding-menu-username{height:10vh;margin:0;font-size:2rem;padding:5vh 2rem;text-transform:capitalize;color:#5e6280;font-weight:700}.sliding-menu-logout{height:10vh;margin:0;font-size:3rem;color:#5e6280;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.toggle-btn{border:none;background-color:initial;color:#5e6280;margin-left:6rem}@media (min-width:1281px){#slidingMenu{width:36vw}}@media (min-width:1025px) and (max-width:1280px){#slidingMenu{width:40vw}}@media (min-width:768px) and (max-width:1024px){#slidingMenu{width:50vw}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){#slidingMenu{width:36vw}}@media (min-width:481px) and (max-width:767px){#slidingMenu{width:36vw}}.form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:5rem}.form input{padding:2rem;font-size:1.5rem;width:60%;border-radius:15px;color:#5e6280;margin:1rem 8%;border:none}.auth-button{padding:1rem!important;margin:2rem auto!important;background-color:#5e6280;color:#fff!important}.form input::-webkit-input-placeholder{color:#5e6280;text-align:center}.form input::-ms-input-placeholder{color:#5e6280;text-align:center}.form input::placeholder{color:#5e6280;text-align:center}.error-message{font-size:1.5rem;color:red;position:absolute;bottom:10rem;margin-left:2rem}.captured-books-container{height:60vh}.no-books-message{font-size:1.9rem;color:#5e6280;text-align:center;padding:25% 5%}.captured-book-title{font-size:2rem;text-transform:capitalize;text-decoration:none;color:#000}.list{list-style:none;padding:0}.list-container{padding:1rem 2rem}.map{position:absolute;width:100vw;height:100vh}.mapboxgl-popup-content{color:#313544;background-color:#ffebb7!important;border-color:#ffd788;width:59vw!important;height:30vh!important;font-family:Oswald;padding:0!important;box-shadow:0 1em 3em 0 rgba(0,0,0,.5)!important}.mapboxgl-popup-tip{border-top-color:#1a1a1d!important}.buttonUpdate{margin-left:50%}.popup-card-content-container{display:grid;grid-template-columns:5% 45% 45% 5%;grid-template-rows:20% 10% 40% 30%;height:100%}.popup-card-content-container .typewriter{grid-column-start:1;grid-column-end:3}.popup-portal-content{height:100%;display:grid;grid-template-columns:50% 50%;grid-template-rows:20% 10% 40% 30%}.typewriter{display:inline-block;grid-column-start:1;grid-column-end:3;background-color:#ffd788;display:-webkit-flex;display:flex}.typewriter h1{color:#5e6280;padding:.2rem;display:inline-block;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:.15em;-webkit-animation:typing 2.5s steps(40),blink-caret .75s step-end infinite;animation:typing 2.5s steps(40),blink-caret .75s step-end infinite}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:transparent}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:transparent}}.popup-portal-content.card-info.author{font-size:1.2rem;display:block;grid-column-start:0;grid-column-end:3}.popup-portal-content.card-info.clue{font-size:1rem;display:block;margin-top:0;width:100%;grid-column-start:0;grid-column-end:3;grid-row-start:3}.popup-portal-content button{padding:.5rem;background-color:#5e6280;border-color:#45485e;color:#fff;width:100%;margin-bottom:0;height:100%;font-size:1.2rem;grid-row-start:4}.popup-portal-content button:not(:last-child){border-bottom-left-radius:5%;border-style:none}.popup-portal-content button:last-child{border-bottom-right-radius:5%;border-top-style:none;border-bottom-style:none;border-right-style:none}.book-capture-input-container{width:100%;height:140%;grid-column-start:1;grid-column-end:3;grid-row-start:2;background-color:#ffebb7}.book-capture-input-container input{grid-column-start:1;grid-column-end:3;grid-row-end:4;width:97%;height:355%}.book-capture-input-container button{height:196%;width:50%;margin-left:50%}.book-button-container{position:fixed;display:inline-block;margin-bottom:200px;-webkit-perspective:1200px;perspective:1200px;z-index:500;margin-left:60vw;margin-top:70vh}.book{position:relative;height:40vw;cursor:pointer;-webkit-backface-visibility:visible;backface-visibility:visible}.back,.book,.front,.page1,.page2,.page3,.page4,.page5,.page6{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{position:absolute;width:30vw;height:100%;top:0;left:0;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:box-shadow .35s ease-in-out,-webkit-transform .5s ease-in-out;transition:box-shadow .35s ease-in-out,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,box-shadow .35s ease-in-out;transition:transform .5s ease-in-out,box-shadow .35s ease-in-out,-webkit-transform .5s ease-in-out;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.addbook-button-icon{color:#f5f5f5;font-size:3rem}.back,.front{background:#5e6280;box-shadow:0 1em 3em 0 rgba(0,0,0,.3)}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{border-bottom-right-radius:.5em;border-top-right-radius:.5em}.page1,.page2{background:#e6be8a}.page3,.page4{background:#ffd788}.page5{background:#f8e4b0}.page5,.page6{font-size:3rem;color:#5e6280}.page6{background:#ffebb7}.book:hover .front{-webkit-transform:rotateY(-160deg) scale(1.1);transform:rotateY(-160deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .page1{-webkit-transform:rotateY(-150deg) scale(1.1);transform:rotateY(-150deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .page2{-webkit-transform:rotateY(-30deg) scale(1.1);transform:rotateY(-30deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .page3{-webkit-transform:rotateY(-140deg) scale(1.1);transform:rotateY(-140deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .page4{-webkit-transform:rotateY(-40deg) scale(1.1);transform:rotateY(-40deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .page5{-webkit-transform:rotateY(-130deg) scale(1.1);transform:rotateY(-130deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .page6{-webkit-transform:rotateY(-50deg) scale(1.1);transform:rotateY(-50deg) scale(1.1);box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.book:hover .back{-webkit-transform:rotateY(-20deg) scale(1.1);transform:rotateY(-20deg) scale(1.1)}@media (min-width:1281px){.book-button-container{margin-left:84vw;margin-top:64vh}.book{height:16vw}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{width:12vw}}@media (min-width:1025px) and (max-width:1280px){.book-button-container{margin-left:84vw;margin-top:64vh}.book{height:16vw}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{width:12vw}}@media (min-width:768px) and (max-width:1024px){.book-button-container{margin-left:66vw;margin-top:70vh}.book{height:30vw}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{width:25vw}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.book-button-container{margin-left:80vw;margin-top:67vh}.book{height:18vw}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{width:14vw}}@media (min-width:481px) and (max-width:767px){.book-button-container{margin-left:83vw;margin-top:63vh}.book{height:17vw}.back,.front,.page1,.page2,.page3,.page4,.page5,.page6{width:13vw}}input:focus::-webkit-input-placeholder{color:transparent}input:focus:-moz-placeholder,input:focus::-moz-placeholder{color:transparent}input:focus:-ms-input-placeholder{color:transparent}.create-book-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;z-index:1000;width:90vw;margin-top:4.5rem;background-color:#ffd788;height:55vh;margin-left:5vw;border-radius:5%;box-shadow:0 1em 3em 0 rgba(0,0,0,.2)}.create-book-input{border:none;height:5rem;font-size:1.5rem;text-align:center;background-color:hsla(0,0%,98%,.4);margin:4rem .3rem .3rem}.create-book-button,.formulary-next-button{font-size:1.5rem;width:60%;border-radius:15px;border:none;padding:1rem;margin:2rem auto;background-color:#5e6280;color:#fff;text-align:center}.big-input{height:5rem}.code-message{width:70vw;position:absolute;z-index:10;margin:10rem 15vw;text-align:center;background-color:hsla(0,0%,98%,.6)}.close-bookadd-button{font-size:2rem;color:#5e6280;display:-webkit-flex;display:flex;justify-items:right;width:3rem;margin-top:.4rem;margin-left:.4rem;background-color:initial;border:none}.story-map{width:100vw;height:100vh}.marker-icon{height:2.5rem;width:2.5rem;background-image:url(/images/open-book.svg)}.story-button{position:fixed;bottom:7vh;left:63vw;margin-bottom:0;z-index:100;background:#5e6280;box-shadow:0 1em 3em 0 rgba(0,0,0,.3);padding:3rem;border-radius:50%;font-size:2rem;-webkit-text-emphasis:none;text-emphasis:none;color:#f5f5f5}
/*# sourceMappingURL=main.d8e4b34b.chunk.css.map */