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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Raleway",sans-serif;overflow:hidden}.App{text-align:center;background-color:#01191f;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-logo{max-width:500px;max-height:358px;height:auto;top:1%}.App-logo,.slogan{position:absolute;width:30%}.slogan{top:30%}.map{height:auto;border:5px solid #000;bottom:33%}.map,.map-title{position:absolute}.map-title{bottom:25%}.front{z-index:1}.middle{top:40%;position:absolute}.form-label{margin:20px;font-size:16px}@media screen and (max-width:800px){.middle{top:45%;font-size:30px}.App-logo{width:auto;height:30%}.slogan{width:70%;top:25%}.map{height:auto;width:25%;bottom:25%}.map-title{bottom:20%}}@media screen and (max-width:1270px) and (min-width:800px){.slogan{width:25%;top:25%;font-size:20px}.map{height:auto;width:20%;bottom:30%}.map-title{width:20%;bottom:22%}}.character-card{height:90%}.character-card,.team-card{width:30%;display:flex;flex-direction:column;justify-content:center;position:absolute;background-color:#253e4d;border-radius:40px;padding:20px;z-index:0;box-shadow:0 0 15px 10px #000}.team-card{height:50%}.card1{left:10px}.card2{right:10px}.teamcard1{left:10px;top:10px;z-index:1}.teamcard2{left:10px;bottom:10px}.teamcard3{right:10px;top:10px;z-index:1}.teamcard4{right:10px;bottom:10px}.character-info{width:600px;margin:0;padding:20px}.character-info,.teamcharacter-info{position:absolute;align-self:center;bottom:0;left:0;background-color:#000}.teamcharacter-info{padding:0;font-size:12px}.mainrangelogo{width:30%;vertical-align:middle}.rangelogo{width:20%;vertical-align:middle}.characterimage,.teamcharacterimage{position:absolute;left:-230px;top:0;height:900px;width:900px;z-index:-1}@media screen and (max-width:800px){.character-card{height:20%}.character-info{padding:0;font-size:12px;left:-210px}.characterimage{left:-120px;top:-35px;height:auto;width:400px}.team-card{width:20%;height:20%}.teamcharacter-info{padding:0;font-size:12px}.teamcharacterimage{left:-120px;top:-35px;height:auto;width:400px}.teamcard1,.teamcard3{top:30%}.teamcard2,.teamcard4{bottom:25%}}@media screen and (max-width:1270px) and (min-width:800px){.character-card{height:50%}.character-info{padding:0;font-size:22px;left:-160px}.characterimage{left:-130px;top:-35px;height:auto;width:600px}.team-card{width:25%;height:40%}.teamcard1,.teamcard3{top:10%}.teamcard2,.teamcard4{bottom:10%}}@media screen and (max-width:1400px) and (min-width:1270px){.character-card{height:70%}.character-info{padding:0;font-size:auto;left:-160px}.characterimage{left:-130px;top:-35px;height:auto;width:600px}}.checkbox label:before{border-radius:3px;background-color:#fff}.unselectable{-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}.warningmessage{font-size:14px;color:#775e5e}.optionmenu{width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;justify-content:center}.input-section,.optionmenu{position:absolute;z-index:2}.input-section{width:20%;align-self:center;background-color:#fff;border-radius:10px;box-shadow:0 0 15px 10px #000;padding:20px;font-size:36px;color:#000}.start-button{padding:20px;background-color:#000;background-radius:2px;margin:10px;font-size:36px;color:#fff;transition:.2s ease-in-out;border:1px solid #fff}.start-button:hover{cursor:pointer;background-color:#fff;padding:15px;margin:10px;color:#000}.options{bottom:30%;background:rgba(76,175,80,0);color:#fff;border:1px solid #fff;border-radius:5px;padding:10px;margin:10px;transition:.2s ease-in-out}.options:hover{cursor:pointer;background-color:#fff;color:#000}.back{position:absolute;bottom:85%;left:38%;background:#fff;color:#000;border:1px solid #000;border-radius:5px;font-size:18px;padding:10px;margin:15px;z-index:3;transition:.2s ease-in-out}.back:hover{cursor:pointer;background:#000;color:#fff;border:1px solid #fff}.optiontitle{margin:0}@media screen and (max-width:1000px){.start-button{font-size:28px;padding:10px}.input-section{width:70%}.back{left:12%;bottom:82%}}@media screen and (max-width:1500px) and (min-width:1000px){.start-button{font-size:30px;padding:20px}.input-section{width:50%}.back{left:22%;bottom:82%}}@media screen and (max-width:1800px) and (min-width:1500px){.start-button{font-size:30px;padding:20px}.input-section{width:30%}.back{left:33%;bottom:82%}}
/*# sourceMappingURL=main.ccd206a8.chunk.css.map */