body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Arial",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"anton";src:url(../../static/media/anton.10c68188.ttf)}@font-face{font-family:"cuckoo";src:url(../../static/media/cuckoo.f95a6c04.ttf)}@font-face{font-family:"staatliches";src:url(../../static/media/Staatliches-Regular.d5746e3b.ttf)}.youtube-container{position:absolute;width:70%;height:70%}.promo{font-family:cuckoo!important;letter-spacing:normal!important;background-color:#2f00af!important;margin:8px 0 0!important;max-width:90%}.promo:hover{background-color:#ed1c28!important}.youtube{width:100%;height:100%;border:0}.top-text-sub{font-size:1.5rem}.show-on-med-and-lower{display:none}.logo-container{width:90%}.show-on-mobile-only{display:none!important}.show-on-desktop-only{display:inline;display:initial}.App{scroll-behavior:smooth}.flex,.flex-mobile{display:flex;justify-content:center;align-items:center}.col{flex-direction:column}.wrap{flex-wrap:wrap}.start{justify-content:flex-start}.pad{padding:32px}.shadow{-webkit-filter:drop-shadow(0 4px 4px #000);filter:drop-shadow(0 4px 4px #000)}.outline{-webkit-filter:drop-shadow(1px 1px 0 #000) drop-shadow(-1px -1px 0 #000);filter:drop-shadow(1px 1px 0 black) drop-shadow(-1px -1px 0 black)}.col-overlay{width:100%;height:100%;opacity:.5}.btn{cursor:pointer}h1{font-size:3rem;text-shadow:3px 3px 0 #424242;margin-top:128px}h1,h2{color:#fff;font-family:"cuckoo",sans-serif;font-weight:400}h2{font-size:2rem;text-shadow:0 4px 4px #000}p{font-family:"staatliches";font-size:larger;color:#9aaeff}.hide{display:none}#nav{background-color:#ffd704;z-index:3;position:fixed;top:4px;right:4px;padding:4px;border-radius:5px}#header{z-index:2;width:100%;height:800px;min-height:115vh;background-color:rgba(0,0,0,.568)}.header-bg{width:100vw;z-index:-1}.header-logo{width:700px}.top-btn{background-color:#ed1c28;color:#fff;width:300px;height:50px;margin:5px;box-shadow:0 4px 4px #000;box-sizing:border-box;font-family:"anton",sans-serif;font-size:1.5rem;letter-spacing:.25rem;font-weight:400;text-shadow:2px 2px 2px #000;cursor:pointer}.top-btn:hover{background-color:#4558a7}#characters{width:100%;background-color:#fff}.description-box{width:500px;height:100%;border-right-width:0;box-sizing:border-box;background-color:#2f00af}#big-char{display:flex;justify-content:flex-end;align-items:flex-end;background-color:#fad100;max-width:90vw;min-width:300px;height:500px}.big-char{height:100%}.big-char-container{display:flex;justify-content:center;align-items:flex-end;width:400px;height:500px;box-sizing:border-box;overflow:hidden;background-size:100px}.character-box{background-color:#ed1c28;color:#fff;width:150px;height:50px;margin:5px;box-shadow:0 4px 4px #000;box-sizing:border-box;font-family:"anton",sans-serif;font-size:1.5rem;letter-spacing:.25rem;font-weight:400;text-shadow:2px 2px 2px #000;cursor:pointer}.character-box:hover{background-color:#4558a7}#footer{min-width:300px;width:100%;background-color:#1c1d45}.footer-bottom{background-color:#000;width:100%}.social-icon{width:64px;max-width:75px;color:#000;background-color:#fff;border-color:#000;border-style:solid;border-width:1px 2px 2px 1px;font-size:1.5rem;padding:.25rem;text-decoration:none;text-align:center}.social-icon:hover{color:#fff;background-color:#ffd704}.brands{width:90%}.brand-icon{width:100px;padding:16px 16px 0}#story{min-width:100%;height:4000px;pointer-events:none}#bgVideo{position:fixed;top:0;min-width:100%;min-height:100%;z-index:-2;object-position:left}.story-page{position:fixed;width:800px;height:500px;top:128px;perspective:1000px}.page-left{width:50%;height:100%}.page-right{width:50%;height:500px;transform-origin:left;background-size:cover;-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-right-img{width:100%;height:100%}.page-title{padding:0 32px;color:#1c1d45;text-shadow:none;text-align:center;margin-bottom:0;font-size:2em;width:70%}.book-title{font-size:2rem}.book-subtitle{font-size:1.4rem}.page-body{padding:0 32px;color:#0e008d;font-size:1.6em;text-align:center}.date{font-size:1.2em}.esrb-box{margin:8px}.esrb-subtitle{color:#fff;text-align:center;margin:8px 0}.promo-mrd{width:450px;margin-left:auto;transition:.1s ease-in-out;cursor:pointer}.promo-mrd:hover{transform:scale(1.1) rotate(4deg);-webkit-filter:drop-shadow(0 4px 4px #0cff18);filter:drop-shadow(0 4px 4px rgb(74,250,4))}.alt-cover{background-color:#14286b;padding:8px;margin:8px;border-radius:5px}#covers{padding-bottom:64px}#system{background-image:linear-gradient(to bottom right,#234393,#223ca5);z-index:2;height:100%;width:100%}.system-item{padding:64px 0}.system-h3{font-family:anton;font-size:4rem;color:#ed2328;font-weight:400;text-shadow:4px 4px 0 #000;margin-bottom:16px;border-radius:5px;background-color:#ffbe0d;padding:16px;text-align:center}.system-p{padding:0 64px;color:#fff;font-family:cuckoo;font-size:1.5rem;font-weight:lighter;width:90%;max-width:1400px}.system-img{max-height:300px;margin:8px}.system-char-img{width:400px}.many-prinny{width:auto;max-width:100%}.many-prinnies{font-family:cuckoo;font-size:4em;-webkit-text-stroke:3px #8adaff;color:ivory;z-index:2}@media only screen and (max-width:650px){.show-on-med-and-lower{display:inline;display:initial}.header-logo{width:90%;margin-top:100px}.margin{margin:32px}.show-on-mobile-only{display:none}.flex-mobile-med{flex-direction:column}#characters{padding:initial}.big-char-container{display:flex;align-items:flex-end;min-width:300px;width:100%;height:250px;border:3px solid #fff;box-sizing:border-box;overflow:hidden}.character-box{background-color:#ed1c28;color:#fff;width:auto;height:32px;margin:5px;box-shadow:0 4px 4px #000;box-sizing:border-box;border:noneå;font-size:1rem;letter-spacing:normal;font-weight:400;text-shadow:2px 2px 2px #000;cursor:pointer;outline-color:transparent}.character-box:focus{outline:0 auto -webkit-focus-ring-color!important;outline-color:-webkit-focus-ring-color;outline-style:auto;outline-width:0}.description-box{width:100%;height:300px;border-color:#fff;border-style:solid;border-width:3px medium 0 3px;box-sizing:border-box;background-color:#2f00af}#big-char{display:flex;justify-content:center;align-items:center;background-color:#faa719;width:100vw;min-width:300px;height:auto}.pad{padding:10px}h2{color:#fff;font-size:2rem;font-family:"cuckoo",sans-serif;font-weight:400;text-shadow:0 4px 4px #000;margin:4px}p{font-size:1rem;color:#e6ebff;width:80%;text-align:center}.char-boxes{left:10%;bottom:500px}.story-page{position:fixed;width:100%;height:500px;top:128px;perspective:1000px}.system-p{padding:0;color:#fff;font-size:1rem;font-weight:lighter;width:100%}.page-body{font-size:3vw;text-align:center}}@media only screen and (max-width:450px){.promo-mrd{width:320px}.youtube-container{position:absolute;width:100%;height:30%}.slideInRight{-webkit-animation:none!important;animation:none!important}.flex-mobile-sm{flex-direction:column}.main-logo{width:90%}.next-btn{background-color:#ff1515;height:32px;width:48px;position:absolute;right:32px;border:0}.top-btn{width:150px;font-size:1em}#header{background-color:rgba(0,35,133,.452);height:500px;min-width:300px;justify-content:flex-start}.header-bg{opacity:0!important}.header-h1{font-size:1em}.story-page{position:fixed;width:100vw;min-width:320px;height:400px;top:128px;perspective:1000px}.page-body{width:70%;font-size:5.5vw;text-align:center}.page-right{width:100%;height:130%;background-position:50%;background-size:contain;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-origin:center;top:0}.show-on-desktop-only{display:none}.show-on-mobile-only{display:flex!important}.system-item{padding:64px 0;max-width:90vw}.system-h3{font-size:2rem;color:#d80000;font-weight:400;text-shadow:none}.system-img{width:100%}.many-prinnies{font-family:cuckoo;font-size:2em;-webkit-text-stroke:3px #8adaff;color:ivory}#big-char{display:flex;justify-content:flex-end;align-items:flex-end;background-color:#fad100;max-width:90vw;min-width:300px;height:500px}.big-char{height:200px}.big-char-container{display:flex;justify-content:center;align-items:flex-end;width:100%;height:200px;box-sizing:border-box;overflow:hidden;background-image:none!important}.top-text-sub{font-size:1rem}.top-text{font-size:1.5rem}}#product-page{background-color:#fff;min-height:100vh}
/*# sourceMappingURL=main.392bacc2.chunk.css.map */