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;background-color:#0d1116;overflow:scroll;text-align:center}.gradient-text{background:-webkit-linear-gradient(left,#56f015 30%,#cf7f17 60%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{height:100%;background-color:#0d1116;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:-webkit-gradient(linear,left top,right top,from(#ff8177),color-stop(0,#ff867a),color-stop(21%,#ff8c7f),color-stop(52%,#f99185),color-stop(78%,#cf556c),to(#b12a5b));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{margin-top:25px;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%}}.accounts{z-index:1111111111;color:#000;width:120px;overflow:hidden;text-overflow:ellipsis;position:absolute;right:40px;top:5%;background:hsla(0,0%,92.2%,.95);padding:8px 20px;border-radius:5px;cursor:pointer;font-weight:400}.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}.css_transform{width:350px;height:310px;-webkit-transform:rotateX(-10deg) rotateY(10deg);transform:rotateX(-10deg) rotateY(10deg);-webkit-transform-origin:52% 0 5px;transform-origin:52% 0 5px;animation:T-animation 4.1s ease-in-out infinite alternate-reverse}@-webkit-keyframes T-animation{0%{-webkit-transform:rotateX(10deg) rotateY(10deg);transform:rotateX(10deg) rotateY(10deg)}to{-webkit-transform:rotateX(-10deg) rotateY(-10deg);transform:rotateX(-10deg) rotateY(-10deg)}}@keyframes T-animation{0%{-webkit-transform:rotateX(10deg) rotateY(10deg);transform:rotateX(10deg) rotateY(10deg)}to{-webkit-transform:rotateX(-10deg) rotateY(-10deg);transform:rotateX(-10deg) rotateY(-10deg)}}.character-item img{height:300px;width:350px;border-radius:10px;object-fit:cover}.character-item .name-container{position:absolute;background-color:#ed0cbb;border-radius:5px;margin:10px}.character-item .attributes-container{opacity:.7;right:0;position:absolute;background-color:grey;border-radius:5px;margin-right:10px;margin-top:10px}.character-item .attributes-container p{opacity:1}.character-item .attributes-container p,.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;background:-webkit-linear-gradient(left,#60c657,#35aee2);background-size:200% 200%;-webkit-animation:gradient-animation 4s ease infinite;animation:gradient-animation 4s ease infinite}.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:column;align-items:center;margin:auto;color:#fff}.arena-container .boss-container{display:flex;flex-direction:column;justify-content:space-around;margin-bottom:50px}.boss-container .boss-content{display:flex;flex-direction:column;padding:15px;border-radius:10px;background-image:-webkit-gradient(linear,left top,right top,from(#ff8177),color-stop(0,#ff867a),color-stop(21%,#ff8c7f),color-stop(52%,#f99185),color-stop(78%,#cf556c),to(#b12a5b));background-image:linear-gradient(90deg,#ff8177 0,#ff867a 0,#ff8c7f 21%,#f99185 52%,#cf556c 78%,#b12a5b);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;-moz-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}.arena-container .players-container{width:100%;height:100%;display:flex;justify-content:space-around}.players-container .player{display:flex;flex-direction:column;max-height:80%;padding:10px;border-radius:10px;background-color:grey}.player .image-content img{width:250px;height:300px;border-radius:10px;object-fit:cover}.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{display:flex;align-items:center;background-color:#b12a5b;border-radius:8px;margin:5px;padding:10px;font-size:18px;font-weight:700}.active-player-item .player-image{width:64px;height:64px;background-color:grey;margin-right:15px;border-radius:8px}.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{height:60px;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 .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:#23bdb3;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}}.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}.image-content h2{margin-top:35px}.opensea{padding:4px 0;background:#fff;width:33%;float:right;right:0;top:0;position:absolute;border-radius:3px;font-size:12px}.opensea a{text-decoration:none;color:#add8e6}
/*# sourceMappingURL=main.8785d8c5.chunk.css.map */