body,html{margin:0}body{padding:0;font-family:-apple-system,Inter,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}.App{height:100vh;overflow:scroll;text-align:center}.App,.container{background-color:#0d1116}.container{height:100%;display:flex;flex-direction:column;justify-content:space-between}.header-container{padding-top:30px}.header{margin:0;font-size:50px;font-weight:700;color:#fff}.sub-text{font-size:25px;color:#fff}.content-container{background-color:#a200d6}.cta-button{height:45px;border:0;width:auto;padding-left:40px;padding-right:40px;border-radius:5px;cursor:pointer;font-size:16px;font-weight:700;color:#fff}.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,#79d8df 0,#eeeff7 0,#043241 21%,#454faa 52%,#432a63 78%,#660ba3);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{display:flex;justify-content:center;align-items:center;padding-bottom:30px}.twitter-logo{width:35px;height: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{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;color:#fff}.select-character-container .character-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-template-rows:repeat(auto-fit,minmax(300px,1fr));grid-row-gap:15px}.character-grid .character-item{display:flex;flex-direction:column;position:relative;justify-self:center;align-self:center}.character-item img{height:400px;width:350px;border-radius:10px;object-fit:cover}.character-item .name-container{position:absolute;background-color:#838383;border-radius:5px;margin:10px}.character-item .name-container p{margin:0;padding:5px 10px;font-weight:700}.character-item .character-mint-button{position:absolute;bottom:0;width:100%;height:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:none;cursor:pointer;background-color:#2081e2;color:#fff;font-weight:700;font-size:16px}.select-character-container .loading{display:flex;flex-direction:column;align-items:center;padding-top:75px}.select-character-container .loading .indicator{display:flex}.select-character-container .loading .indicator p{font-weight:700;font-size:28px;padding-left:5px}.select-character-container .loading img{width:450px;padding-top:25px}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-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-top-color:#fff}.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{display:flex;flex-direction:row-reverse;align-items:center;margin:auto;color:#fff}.arena-container .boss-container{display:flex;flex-direction:column;justify-content:space-around;margin-bottom:100%}.boss-container .boss-content{display:flex;flex-direction:column;padding:15px;border-radius:10px;background-image:linear-gradient(90deg,#fff 0,#e7fa92 0,#53e75a 21%,#40c4c4 52%,#8209e6 78%,#560766);background-size:600% 600%;-webkit-animation:gradient-animation 8s ease infinite;animation:gradient-animation 8s ease infinite;margin-bottom:25px}.boss-content h2{margin:0;padding:5px 0 10px}.boss-content .image-content,.player .image-content{position:relative}.boss-content .image-content img{width:350px;height:300px;border-radius:10px;object-fit:cover}.image-content .health-bar{position:absolute;bottom:0;left:0;width:100%;height:30px}.health-bar progress[value]{-webkit-appearance:none;appearance:none;width:100%;height: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{position:absolute;width:100%;font-weight:700;color:#000;bottom:-10px}.player-container{margin-bottom:90%}.arena-container .players-container{width:100%;height:100%;display:flex;justify-content:flex-start;flex:1 1}.players-container .player{display:flex;flex-direction:column;max-height:80%;padding:10px;border-radius:10px;background-color:grey;margin-right:200px;border-radius:8px}.player .image-content img{width:250px;height:300px;border-radius:10px;object-fit:cover}.active-players .players-list img,.players-container .active-players{display:flex;flex-direction:column}.active-players .players-list img{max-height:400px;overflow:scroll;border-radius:10px}.players-container .attack-container{display:flex;flex-direction:column;justify-content:center}.attack-container button{height:50px;font-size:18px;background-image:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite}.boss-container .loading-indicator{display:flex;justify-content:center;align-items:center;padding-top:25px}.boss-container .loading-indicator p{font-weight:700;font-size:28px}.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-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.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{visibility:hidden;max-width:500px;margin:auto;background-color:grey;text-align:center;border-radius:10px;position:fixed;z-index:1;left:0;right:0;bottom:30px;font-size:17px}#toast,#toast #desc{height:90px;color:#fff;white-space:nowrap}#toast #desc{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;overflow:hidden}#toast.show{visibility:visible;-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}@-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.34c408ad.chunk.css.map */