@font-face{font-family:limit;src:url(/assets/8bitlim-YieKnhoC.ttf)}@font-face{font-family:limit-outline;src:url(/assets/8bitlimr-DcJXPvBJ.ttf)}@font-face{font-family:brutal;src:url(/assets/Brutal-Font-Pro-Regular-CHYL19XM.ttf)}body{width:100%;height:auto;margin:0;background-color:#fff}.App{text-align:center;background-color:#fff}.App-header{background-color:#fff;height:3rem;display:flex;font-family:brutal;font-size:3rem;flex-direction:column;align-items:center;justify-content:center;margin:0;color:#fb2e01}.App-body{margin:0;background-color:#fff;height:100%;overflow-y:auto}.App-body button{background-color:#d32700;font-family:limit-outline;font-size:large;border-radius:1px;border-style:solid;border-color:#000;width:6rem;height:3rem}.App-body button:active{background-color:#981c00}.App-body input{background-color:#fffeb3;font-family:limit}.App-body .title{display:flex;flex:50%;color:#323223;justify-content:center;align-items:center;font-family:limit;font-size:1rem;margin-top:1rem;width:50%}.App-body .title-container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem}.App-body a:hover{display:block;cursor:pointer}.App-body .flex-grid{display:flex;flex-direction:column;justify-content:center;align-items:center}.App-body .fighter-select{height:min-content;width:75%;background-color:#d32700;color:#fffeb3;margin:2rem;padding:1rem;border-radius:1px;border-style:dashed;border-width:5px}.App-body .monster-select{margin-top:.5rem}.App-body .versus{font-family:limit;font-size:3rem;color:#323223}.App-body .monsterTitle{font-family:limit-outline;font-size:2rem}.App-body .monsterStat{font-family:limit-outline;font-size:1rem}.App-body .monster-list{max-height:17rem;overflow-y:scroll;display:flex;flex-direction:column;text-align:left}.App-body .list-monster{list-style-type:none;cursor:pointer}.App-body .fight-button,.App-body .fight-button-down{margin-bottom:4rem;cursor:pointer}.App-body .choose-random-button{margin-bottom:.5rem;background-color:#fb2e01;cursor:pointer}.App-body .fight-result{display:flex;color:#323223;text-shadow:#FC0 1px 0 10px;justify-content:center;text-align:left;vertical-align:text-top;font-family:limit;font-size:2rem;height:5rem}.App-body .fight-container{display:flex;flex-direction:column;align-items:center}.at-rest{display:flex}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6.4px solid currentColor;border-color:currentColor transparent currentColor transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animateZoom{animation-duration:2s;animation-name:animate-zoom}@keyframes animate-zoom{20%{transform:scale(2)}}.animateBattle{animation-duration:1s;animation-name:animate-battle;animation-fill-mode:forwards}@keyframes animate-battle{0%{transform:scale(1)}5%{transform:scale(1.25)}10%{transform:scale(1.5)}15%{transform:scale(1.75)}20%{transform:scale(2)}to{transform:scale(5);display:none}}@media only screen and (min-width: 1000px){.App-header{height:6rem;font-size:6rem}.App-body{overflow-y:inherit;display:flex;justify-content:center;flex-direction:column;width:1200px;text-align:center;margin:0 auto}.App-body .top{margin-top:0}.App-body .flex-container{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:1200px}.App-body .flex-grid{display:flex;flex-direction:row;justify-content:space-around;width:60%;border-radius:10px;border-color:#000;border-width:2px;border-style:solid}.App-body .fighter-select{width:33%}.App-body .fight-result{display:flex;color:#323223;text-shadow:#FC0 1px 0 10px;justify-content:center;text-align:left;vertical-align:text-top;font-family:limit;font-size:2rem;min-height:2rem;padding-left:20%;padding-right:20%}}.monster-card{height:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}