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}.App{height:100vh;overflow:scroll;text-align:center}.App,.container{background-color:#0d1116}.container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.header-container{padding-top:30px}.header{color:#fff;font-size:50px;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}.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%}}.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%}.select-character-container .loading{align-items:center;display:flex;flex-direction:column;padding-top:75px}.select-character-container .loading .indicator{display:flex}.select-character-container .loading .indicator p{font-size:28px;font-weight:700;padding-left:5px}.select-character-container .loading img{padding-top:25px;width:450px}.lds-ring{display:inline-block;height:80px;position:relative;width:80px}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:64px;margin:8px;position:absolute;width:64px}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.arena-container{align-items:center;color:#fff;display:flex;flex-direction:column;margin:auto}.arena-container .boss-container{display:flex;flex-direction:column;justify-content:space-around;margin-bottom:50px}.boss-container .boss-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;display:flex;flex-direction:column;margin-bottom:25px;padding:15px}.boss-content h2{margin:0;padding:5px 0 10px}.boss-content .image-content,.player .image-content{position:relative}.boss-content .image-content img{border-radius:10px;height:300px;object-fit:cover;width:350px}.image-content .health-bar{bottom:0;height:30px;left:0;position:absolute;width:100%}.health-bar progress[value]{-webkit-appearance:none;appearance:none;height:100%;width:100%}.health-bar progress[value]::-webkit-progress-bar{background-color:#e5652e;border-bottom-left-radius:15px;border-bottom-right-radius:15px;overflow:hidden}.health-bar progress[value]::-webkit-progress-value{background-color:#70cb1b}.health-bar p{bottom:-10px;color:#000;font-weight:700;position:absolute;width:100%}.arena-container .players-container{display:flex;height:100%;justify-content:space-around;width:100%}.players-container .player{background-color:gray;border-radius:10px;display:flex;flex-direction:column;max-height:80%;padding:10px}.player .image-content img{border-radius:10px;height:300px;object-fit:cover;width:250px}.active-players .players-list,.players-container .active-players{display:flex;flex-direction:column}.active-players .players-list{max-height:400px;overflow:scroll}.players-list .active-player-item{align-items:center;background-color:#b12a5b;border-radius:8px;display:flex;font-size:18px;font-weight:700;margin:5px;padding:10px}.active-player-item .player-image{background-color:gray;border-radius:8px;height:64px;margin-right:15px;width:64px}.active-player-item .player-content{flex-direction:column;text-align:left}.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}.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)}}.boss-container .loading-indicator{align-items:center;display:flex;justify-content:center;padding-top:25px}.boss-container .loading-indicator p{font-size:28px;font-weight:700}#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}#toast.show{-webkit-animation:fadein .5s,expand .5s .5s,stay 3s 1s,shrink .5s 2s,fadeout .5s 2.5s;animation:fadein .5s,expand .5s .5s,stay 3s 1s,shrink .5s 4s,fadeout .5s 4.5s;visibility:visible}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes expand{0%{min-width:50px}to{min-width:350px}}@keyframes expand{0%{min-width:50px}to{min-width:350px}}@-webkit-keyframes stay{0%{min-width:350px}to{min-width:350px}}@keyframes stay{0%{min-width:350px}to{min-width:350px}}@-webkit-keyframes shrink{0%{min-width:350px}to{min-width:50px}}@keyframes shrink{0%{min-width:350px}to{min-width:50px}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:60px;opacity:0}}
/*# sourceMappingURL=main.959d1b58.css.map*/