.App{background-image:linear-gradient(180deg,rgba(167,218,241,.2),rgba(167,218,241,.2),hsla(0,0%,100%,0)),url(/crossbell/static/media/train.17fe64a5cf6831081ac6.jpg);background-position:50%;background-size:cover;flex-direction:column}.App,.top-bar{align-items:center;display:flex}.top-bar{background-color:hsla(0,0%,100%,.6);justify-content:space-between;padding:0 25px;position:fixed;width:100%;z-index:50}.top-bar img{max-width:150px;width:30}.top-bar h1{color:#fff;-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);font-family:Bookmania;font-size:1.25em;padding:10px}.game-logos{display:flex;flex-wrap:wrap;justify-content:center;padding-top:100px}.game-logos .logo-pair{display:grid;grid-template-columns:1fr;grid-template-rows:3fr 1fr 1fr;justify-items:center}.game-logos .logo-pair img{grid-column:1;grid-row:1/3}.game-logos .logo-pair h1{grid-column:1;grid-row:2/3}.game-logos .official{background-color:rgba(116,25,58,.6);border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-family:Bookmania;font-size:1.5em;margin-bottom:25px;padding:10px 20px;transition:.5s}.game-logos .official:hover{background-color:hsla(0,0%,100%,.6);color:#000;-webkit-transform:scale(1.05);transform:scale(1.05)}.game-logos .zero img{max-width:750px;width:100%}.game-logos .zero h1{color:#fff;font-family:Bookomania;font-size:1.6em;font-weight:600;padding:0 20px;text-align:center}.game-logos .azure img{max-width:750px;width:100%}.game-logos .azure h1{color:#fff;font-family:Bookomania;font-size:1.6em;font-weight:600;padding:0 20px;text-align:center}.preorder-button{padding:50px}.preorder-button button{background-image:linear-gradient(45deg,#74193a -50%,#01b1d4 150%);background-size:400%;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-family:Bookmania;font-size:1.4em;padding:10px 50px 5px;transition:.5s}.preorder-button button:hover{background-position:100%}.trailers{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1250px;width:100%}.video-container{width:500px}.video-container .video-wrapper{height:0;padding-bottom:56.25%;position:relative;width:100%}.video-container .video-wrapper iframe{border:1px solid #fff;height:100%;left:0;position:absolute;top:0;width:100%}.preoder-container{align-items:center;background-color:rgba(0,0,0,.8);display:flex;flex-direction:column;height:100%;overflow-y:scroll;padding:100px 20px 20px;position:fixed;visibility:hidden;width:100%;z-index:50}.preoder-container .preorder-button button{transition:0s}.preoder-container .preorder-section{align-items:center;display:flex;flex-direction:column}.preoder-container .preorder-section .preorder-title{color:#fff;-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);font-family:Bookmania;font-size:2em;max-width:90%;text-align:center}.preoder-container .preorder-section .preorder-links{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:1200px;padding:25px}.preoder-container .preorder-section .preorder-links button{border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-family:Bookmania;font-size:1.3em;line-height:1em;margin:10px;padding:10px 20px;width:300px}.preoder-container .preorder-section .preorder-links button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.preoder-container .preorder-section .azure button{background-color:#74193a}.preoder-container .preorder-section .zero button{background-color:#01b1d4}.specs-container{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.specs-container .spec-wrapper{background-color:hsla(0,0%,100%,.4);display:flex;flex-direction:row;justify-content:center;max-width:600px;padding:50px;width:100%}.specs-container .spec-wrapper th{font-family:Bookmania;font-size:1.3em;font-weight:600;line-height:2.2em;text-align:left}.specs-container .spec-wrapper td{font-size:1.1em;padding-left:10px}@media screen and (max-width:1000px){.trailers{justify-content:space-evenly}.video-container{margin-bottom:50px;width:350px}}@media screen and (max-width:900px){.spec-table{width:100%}.spec-table tr{display:block;margin-bottom:16px;width:100%}.spec-table td,.spec-table th{display:block;text-align:center;width:100%}.spec-table th{margin-bottom:4px}.specs-container .spec-wrapper th{text-align:center}.specs-container{justify-content:center}.specs-container,.specs-container .spec-table tr{display:flex;flex-direction:column}.specs-container .spec-wrapper{max-width:none;width:100%}}@media screen and (max-width:1000px){.official{border:2px solid #fff;border-radius:25px;cursor:pointer;font-size:1em;margin:5px;padding:10px;transition:.5s}.official,.preorder-title{color:#fff;font-family:Bookmania}.preorder-title{-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);font-size:1.2em;max-width:90%;text-align:center}.preorder-button{padding:10px}.preorder-button button{font-size:1em}.preorder-button button:hover{background-position:100%}.preoder-container{height:100%;overflow-y:scroll;padding-top:100px;visibility:hidden;width:100%;z-index:50}.preoder-container,.preoder-container .preorder-section{align-items:center;display:flex;flex-direction:wrap}.preoder-container .preorder-section .preorder-title{color:#fff;-webkit-filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);filter:drop-shadow(0 0 1px black) drop-shadow(0 0 1px black) drop-shadow(0 0 1px black);font-family:Bookmania;font-size:1.2rem;max-width:90%;text-align:center}.preoder-container .preorder-section .preorder-links{width:100%}.preoder-container .preorder-section .preorder-links button{border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-family:Bookmania;font-size:1rem;line-height:1.2rem;padding:10px;width:100%}.preoder-container .preorder-section .preorder-links button:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.preoder-container .preorder-section .preoder-container .preorder-section .preorder-links button{border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-family:Bookmania;font-size:1rem;line-height:1.2rem;margin:10px;padding:10px}}.visible{visibility:visible}@font-face{font-family:SIE;src:url(/crossbell/static/media/SIE-T2.0.fe606f9a1a3e5981dff0.otf) format("opentype")}.footer-container{background-color:transparent;font-family:tzimmes,serif;margin-top:30px;position:relative;width:100%;z-index:0}.footer-container .footer-content{align-items:center;background-color:#000;display:flex;flex-direction:column}.footer-container .footer-content p{font-size:1rem}.footer-container .logos{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;z-index:inherit}.footer-container .logos .f-logo{margin:1.5em 0;padding:5px}.footer-container .logos .play{align-items:center;display:flex}.footer-container .logos #ESRB{border:1px solid #fff;height:110px}.footer-container .logos #ps{height:45px}.footer-container .logos #NSW,.footer-container .logos #PS45{height:80px}.footer-container .logos #NIS{height:60px}.footer-container .logos #NISA{height:50px}.footer-container .logos #FURYU{height:55px}.footer-container .logos #FALCOM{height:80px}.footer-container .logos #GOG,.footer-container .logos #STEAM{height:60px}.footer-container p{font-family:sans-serif}.footer-container p .SIE{color:#fff;font-family:SIE}.footer-container p{color:#fff;font-size:.7em;font-weight:400;line-height:1.5;padding-bottom:1em;text-align:center}.footer-container .contents{color:#fff;display:flex;font-family:sans-serif;justify-content:center;max-width:90%;padding-top:50px;text-align:left}.footer-container .contents th{padding-bottom:.25em;padding-right:1em}.footer-container .contents td{max-width:400px}.footer-container .mailchimp{align-items:center;display:flex;flex-direction:column;text-align:center}.footer-container .subscribe{color:#fff;font-family:tzimmes,serif;font-size:1.3em;font-weight:600;padding-bottom:1em}.footer-container .interact{display:flex;font-size:1.3rem;height:30px;width:100%}.footer-container .interact .email{width:80%}.footer-container .interact .button{background-color:#fff;border:none;border-radius:.3em;font-family:tzimmes,serif;height:30px;margin-left:.5em;padding:.2em;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.footer-container .interact .button:hover{background-color:#000;border:1px solid #fff;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.footer-container .interact input:focus{border:none;outline:none}.social{font-size:1.3em;padding-top:1em;text-align:center}.social a{margin:0 .5em}.social a i{background-color:#fff;border:3px solid #fff;border-radius:5px;color:#000;margin-bottom:1em;padding:.375em 0;width:75px}.btn:hover{background-color:#000;color:#fff}.spec-container{width:100%}@media screen and (max-width:960px){.footer-container{background-color:#000}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.1c5b29fa.css.map*/