@import url(https://fonts.googleapis.com/css?family=Taviraj:400,500,700|Montserrat:400&display=swap);.quest-button{min-width:150px;color:#fff;font-family:Montserrat,sans-serif;font-size:20px;line-height:32.36px;font-weight:500;border:0;padding:15px;text-transform:uppercase;box-shadow:0 8px 15px rgba(0,0,0,.1);border-radius:100px;background:#ae7c00;margin-top:30px}.dark{background:#13253a}.button-wrapper{display:flex;justify-content:center}.loader-wrapper{display:flex;align-items:center;justify-content:center}.loader-wrapper,.modal-container{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.75)}.modal{height:100%;width:100%;display:flex;align-items:center;text-align:center}.modal-header{padding:2px 16px;background-color:#13253a;color:#fff}.modal-body{padding:20px 15px}.modal-content{background-color:#13253a;margin:auto;padding:0;width:80%;max-height:100vh;box-shadow:0 8px 15px rgba(0,0,0,.1);-webkit-animation-name:animatetop;animation-name:animatetop;-webkit-animation-duration:.4s;animation-duration:.4s}.modal-content .modal-body{overflow-y:auto}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.img-wrapper{padding-top:20px;display:flex;justify-content:center}.img-wrapper,.img-wrapper img{max-height:56vh}.audio-dialog{z-index:10}.audio-dialog .transcriptions-wrapper{text-align:left}.audio-dialog .background-filter{z-index:-1;position:fixed;left:0;top:0;width:100vw;height:100vh}.audio-dialog .background-filter.none{background:#000;opacity:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:.3s;animation-duration:.3s}.audio-dialog .background-filter.good{background:url(/wizard-quest/static/media/sparkles.c066baac.gif);background-position:50%;background-origin:content-box;background-size:200%;background-attachment:fixed}.audio-dialog .background-filter.good .glow{background-position:50%;background-origin:content-box;background-size:300%;background-attachment:fixed;opacity:.5;width:100%;height:100%;background:url(/wizard-quest/static/media/sparkles.c066baac.gif)}.audio-dialog .background-filter.bad{-webkit-filter:brightness(-5);filter:brightness(-5);-o-filter:brightness(-5);-moz-filter:brightness(-5)}.audio-dialog .background-filter.bad,.audio-dialog .background-filter.bad .lightning{background:url(/wizard-quest/static/media/clouds.b52c5486.jpg);background-position:50%;background-origin:content-box;background-size:cover;background-attachment:fixed}.audio-dialog .background-filter.bad .lightning{-webkit-filter:brightness(5);filter:brightness(5);-o-filter:brightness(5);-moz-filter:brightness(5);z-index:-1;width:100%;height:100%;-webkit-animation:flash 3s ease-out infinite;animation:flash 3s ease-out infinite;-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes flash{0%{opacity:0}92%{opacity:0}93%{opacity:.6}94%{opacity:.2}96%{opacity:.9}to{opacity:0}}@keyframes flash{0%{opacity:0}92%{opacity:0}93%{opacity:.6}94%{opacity:.2}96%{opacity:1}to{opacity:0}}.filter-fade-in{opacity:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:15s;animation-duration:15s}.choice-dialog{display:flex;align-items:center;flex-direction:column}.audio-choice .modal-container{z-index:9999}.audio-choice .audio-container{position:fixed;left:0;top:0;width:100vw}.audio-choice .fixed-button-wrapper{display:flex;width:100%;align-items:center;flex-direction:column;padding:20px;position:fixed;bottom:0;left:0;z-index:999}.audio-choice .fixed-button-wrapper .fixed-button-individual{text-align:center;display:flex;flex-direction:column}.audio-choice .fixed-button-wrapper .fixed-button-individual .quest-button{margin-top:10px}.audio-choice .fixed-button-wrapper .fixed-button-individual p{background:rgba(5,0,33,.75);padding:10px;font-size:14px;line-height:1em;border-radius:5px}.button-wrapper.fixed-button{position:fixed;bottom:20px;z-index:999;left:0;width:100vw;display:flex;align-items:center}.book-image{height:100vh;left:0;-webkit-transition:all .3s;transition:all .3s;top:0;background:#000;display:flex;align-content:center;width:100vw;position:absolute;background-position:50%;background-size:cover;overflow:hidden;box-shadow:0 8px 15px rgba(0,0,0,.8)}.cover{z-index:10}.page-1{z-index:9}.page-2{z-index:8}.page-3{z-index:7}.book-image.gone{left:-100vw}.potion{z-index:1;overflow:scroll;padding:15px 15px 100px}.potion,.potion h4{color:#000}.note{width:100vw;overflow:scroll}.note img{width:100%}a{color:#f7d364;-webkit-transition:all .3s;transition:all .3s}a:hover{color:#ae7c00;text-decoration:underline}body{font-family:Taviraj,serif;font-size:18px;line-height:29.124px;font-weight:400;color:#fff;background:#003058;margin:0;padding:0;-webkit-transition:all .3s;transition:all .3s}h1{font-size:36px;line-height:58.248px}h1,h2{font-family:Montserrat,sans-serif;font-weight:400;color:#f7d364}h2{font-size:28px;line-height:45.304px}h3{font-size:24px;line-height:38.832px;font-weight:700;color:#ae7c00}h3,h4{font-family:Taviraj,serif}h4{font-size:20px;line-height:32.36px;font-weight:500;color:#fff}.fade-in{opacity:1;-webkit-animation-name:fadeInOpacity;animation-name:fadeInOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.fade-out{opacity:1;-webkit-animation-name:fadeOutOpacity;animation-name:fadeOutOpacity;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes fadeOutOpacity{0%{opacity:1}to{opacity:0}}@keyframes fadeOutOpacity{0%{opacity:1}to{opacity:0}}.content-wrapper{width:100vw;min-height:100vh}.content-container,.content-wrapper{display:flex;justify-content:center;flex-direction:column;align-items:center}.content-container{padding:15px;border-radius:10px;min-width:75vw;text-align:center;box-shadow:0 8px 15px rgba(0,0,0,.1);background:#13253a}#starshine{top:0;left:0;z-index:-1;width:100%;height:100%}#starshine,.shine{position:absolute;overflow:hidden}.shine{display:block;top:50%;left:50%;background-image:url(/wizard-quest/static/media/star.85b5773e.png);background-repeat:no-repeat;background-position:50%;background-size:100% 100%;z-index:2;color:tansparent;-moz-opacity:0;opacity:0;animation:glitter 6s linear 0s infinite normal;-webkit-animation:glitter 6s linear 0s infinite normal;-moz-animation:glitter 8s linear 0s infinite normal;-ms-animation:glitter 8s linear 0s infinite normal;-o-animation:glitter 8s linear 0s infinite normal}.shine.small{width:20px;height:20px}.shine.medium{width:30px;height:30px}.shine.large{width:50px;height:50px}@-webkit-keyframes glitter{0%{-webkit-transform:scale(.3) rotate(0deg);opacity:0}25%{-webkit-transform:scale(1) rotate(1turn);opacity:1}50%{-webkit-transform:scale(.3) rotate(2turn);opacity:0}to{-webkit-transform:scale(.3) rotate(0deg);opacity:0}}@keyframes glitter{0%{-webkit-transform:scale(.3) rotate(0deg);opacity:0}25%{-webkit-transform:scale(1) rotate(1turn);opacity:1}50%{-webkit-transform:scale(.3) rotate(2turn);opacity:0}to{-webkit-transform:scale(.3) rotate(0deg);opacity:0}}.audio-event-dialog .audio-container{position:fixed;left:0;top:0;width:100vw}.audio-event-dialog .fixed-button-wrapper{display:flex;align-items:center;flex-direction:column;padding:20px;position:fixed;bottom:0;left:0;z-index:999}.audio-event-dialog .fixed-button-wrapper .fixed-button-individual{text-align:center;display:flex;flex-direction:column}.audio-event-dialog .fixed-button-wrapper .fixed-button-individual .quest-button{margin-top:10px}.audio-event-dialog .fixed-button-wrapper .fixed-button-individual p{background:rgba(5,0,33,.75);padding:10px;font-size:14px;line-height:1em;border-radius:5px}
/*# sourceMappingURL=main.d454a70d.chunk.css.map */