body,html{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-indicator{left:43%;padding-top:80px;position:absolute;top:25%}.loading-hadouken{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:example;animation-name:example;margin-bottom:60px;position:relative}.loading-hadouken>img{width:100px}.loading-indicator>p{align-self:center;font-size:30px;font-weight:700;line-height:0;position:absolute;text-shadow:2px 0 red,-2px 0 red,0 2px red,0 -2px red,1px 1px red,-1px -1px red,1px -1px red,-1px 1px red}@-webkit-keyframes example{0%{background-color:none;left:-90px;top:0}to{background-color:none;left:140px;top:0}}@keyframes example{0%{background-color:none;left:-90px;top:0}to{background-color:none;left:140px;top:0}}.select-character-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;width:100%}.select-character-container .character-grid{grid-row-gap:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-template-rows:repeat(auto-fit,minmax(300px,1fr));width:100%}.character-grid .character-item{align-self:center;display:flex;flex-direction:column;justify-self:center;position:relative}.character-item img{border-radius:10px;height:300px;object-fit:cover;width:350px}.character-item .name-container{background-color:#838383;border-radius:5px;margin:10px;position:absolute}.character-item .name-container p{font-weight:700;margin:0;padding:5px 10px}.character-item .character-mint-button{background-color:#2081e2;border:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:40px;position:absolute;width:100%}.game{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.arena-container{color:#fff;display:flex;flex-direction:row;margin-top:100px;position:relative;width:1100px}.health-container{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-between;width:100%}.boss-container{align-items:flex-end}.boss-container,.hero-container{display:flex;flex-direction:column;width:100%}.hero-container{align-items:flex-start}.player-content{-webkit-animation:gradient-animation 8s ease infinite;animation:gradient-animation 8s ease infinite;background-image:linear-gradient(90deg,#ff8177 0,#ff867a 0,#ff8c7f 21%,#f99185 52%,#cf556c 78%,#b12a5b);background-size:600% 600%;border-radius:10px;margin-top:20px;padding:15px}.player-content h2{margin:0;padding:5px 0 10px}.player .image-content,.player-content .image-content{position:relative}.player-content .image-content img{border-radius:10px;height:300px;object-fit:cover;width:350px}.health-bar{bottom:0;height:20px;left:0;width:90%}.health-bar p{color:#000;font-weight:700;margin-top:-22px;position:relative;width:100%}.health-bar progress[value]{-webkit-appearance:none;appearance:none;height:100%;width:100%}.health-bar progress[value]::-webkit-progress-bar{background-color:red;border:2px solid #fff;border-radius:5px;overflow:hidden}.health-bar progress[value]::-webkit-progress-value{background-color:#ff0}.versus-text{align-self:center;font-size:50px;font-weight:700;left:47.2%;line-height:0;position:absolute;text-shadow:2px 0 red,-2px 0 red,0 2px red,0 -2px red,1px 1px red,-1px -1px red,1px -1px red,-1px 1px red;top:2%}.health-bar>span{margin-left:-220px;margin-top:-18px;position:absolute}.players-container .attack-container{display:flex;flex-direction:column;justify-content:center}.attack-container button{-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite;background-image:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;font-size:18px;height:60px}.hadouken{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:20px;justify-content:center;margin:100px;padding:0;text-shadow:1px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.hadouken>img{width:50px}.boss-container .attacking{-webkit-animation:shake 1.2s cubic-bezier(.36,.07,.19,.97) infinite both;animation:shake 1.2s cubic-bezier(.36,.07,.19,.97) infinite both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}.boss-container .hit{-webkit-animation:hit-bounce 1s ease;animation:hit-bounce 1s ease}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes hit-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.2,.6);transform:scale(1.2,.6)}30%{-webkit-transform:scale(.8,1.1) translateY(-10px);transform:scale(.8,1.1) translateY(-10px)}50%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes hit-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(1.2,.6);transform:scale(1.2,.6)}30%{-webkit-transform:scale(.8,1.1) translateY(-10px);transform:scale(.8,1.1) translateY(-10px)}50%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:translateY(0);transform:translateY(0)}}#toast{background-color:gray;border-radius:10px;bottom:30px;font-size:17px;left:0;margin:auto;max-width:500px;position:fixed;right:0;text-align:center;visibility:hidden;z-index:1}#toast,#toast #desc{color:#fff;height:90px;white-space:nowrap}#toast #desc{align-items:center;display:flex;font-size:28px;font-weight:700;justify-content:center;overflow:hidden}.App{background-color:#141414;height:100vh;overflow:scroll;text-align:center}.container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.header-container{padding-top:30px}.header{color:#fff;font-size:45px;font-weight:700;margin:0}.sub-text{color:#fff;font-size:25px}.content-container{background-color:#a200d6}.cta-button{border:0;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:45px;padding-left:40px;padding-right:40px;width:auto}.connect-wallet-container{display:flex;flex-direction:column;margin:auto;max-width:550px}.connect-wallet-container img{padding-bottom:20px}.connect-wallet-button{background-image:linear-gradient(90deg,#ff8177 0,#ff867a 0,#ff8c7f 21%,#f99185 52%,#cf556c 78%,#b12a5b);background-size:200% 200%}.connect-wallet-button,.mint-button{-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite}.mint-button{background:-webkit-linear-gradient(left,#a200d6,#ff6fdf);background-size:200% 200%;margin-right:15px}.opensea-button{background-color:#2081e2}.mint-count{color:#fff;font-size:18px;font-weight:700}ul>li>span{color:#fff}.boss-card{align-items:center;border:1px solid hsla(0,0%,100%,.5);border-radius:10px;display:flex;flex-direction:row;height:197px;margin-bottom:10px;overflow:hidden;text-align:left;width:530px}.boss-card>img{padding:0;width:350px}.boss-card>ul{color:gray;font-family:Arial,Helvetica,sans-serif;font-size:20px;list-style-type:none;padding:5px}.boss-card>ul>li{border-bottom:1px solid rgba(86,31,55,.5);margin-right:15px;padding:2px}.heroes{display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding-top:10px}.hero-card{border:1px solid hsla(0,0%,100%,.5);border-radius:10px;height:250px;overflow:hidden;text-align:left;width:170px}.hero-card>ul{color:gray;font-family:Arial,Helvetica,sans-serif;font-size:10px;list-style-type:none;margin-bottom:0;padding:5px}.hero-card>ul>li{border-bottom:1px solid rgba(86,31,55,.5);margin-right:15px;padding:2px}.hero-card>img{height:113px;padding:0;width:170px}.hero-card>button{background-color:rgba(86,31,55,.5);border:none;border-radius:2px;color:#fff;cursor:pointer;float:right;font-size:10px;height:15px;margin:5px 19px 0 auto}.footer-container{align-items:center;display:flex;justify-content:center;padding-bottom:30px}.twitter-logo{height:35px;width:35px}.footer-text{color:#fff;font-size:16px;font-weight:700}@-webkit-keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}
/*# sourceMappingURL=main.36289be0.css.map*/