@import url(https://fonts.googleapis.com/css?family=Bangers);body{margin:0;font-family:-apple-system,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{text-align:center}.Navbar{background:transparent}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.grid-box{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto;align-items:center;justify-content:center}.characters-header{color:#fff;padding:2vh}.charImg{width:70vw}.charactersMainInfo{padding-bottom:130px;background-image:url(https://thumbs.dreamstime.com/z/create-fabric-pattern-pop-art-146577772.jpg)}.filter{color:#fff;background-color:rgba(0,0,0,.5);padding:1.5vh 1vw;margin:2vh 0;border-radius:10px;border-style:groove;display:inline-flex;align-items:center;justify-content:space-between;width:80%}.character-names{display:none;color:#fff;font-family:"Bangers",cursive;font-family:"Bungee Inline",cursive;font-size:1rem}#scale:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition-duration:.7s;z-index:1}#scale:hover .character-names{display:block}.selection-shadow:hover{-webkit-backdrop-filter:opacity(100%);backdrop-filter:opacity(100%);box-shadow:inset 0 100px 200px #000}.filter input{width:100%}.filter-word{font-weight:700;letter-spacing:3px}.dropdown{font-size:small}.dropdownToggle{margin:0 5px}.box{border-style:solid;box-shadow:15px 15px 30px #000}.background-image{background-image:url(/static/media/superhero-pattern-1.2b13810a.jpg);width:100%;height:100%}.charactersDiv{min-height:100vh}.search-bar{margin-left:auto}.heroName{font-size:35px}.powerInfo{margin-top:4rem;width:auto}.heroName{font-size:2.5rem}.bioInformation{justify-content:start;padding:4px 0}.heroInfo{margin:5rem auto 0}.charactersMainInfo{width:100%;display:inline-flex;justify-content:center;align-items:center;border-top:7px solid #000;border-bottom:7px solid #000}.charactersInfo{display:flex;justify-content:space-between;align-items:center;font-family:"Roboto Condensed",sans-serif}.heroInfo{margin-top:5rem;margin-left:100px;color:#000;border:1px solid #000;background-color:#fff;background-image:url(https://wallpaperaccess.com/full/876546.jpg);width:50vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.heroName{font-size:28px;font-weight:550}.heroDescription,.heroName{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.heroDescription{margin-top:1rem;font-size:20px;text-align:justify}.heroImage{margin-top:1rem;box-shadow:2px 3px 5px 1px}.charactersPower{width:100%;justify-content:center;align-items:center;font-family:"Roboto Condensed",sans-serif;margin-top:4rem}.charactersNavbar{justify-content:center;align-content:center}.bioInformation{font-size:24px}.heroInfo{border-top-left-radius:37px 140px;border-top-right-radius:23px 130px;border-bottom-left-radius:110px 19px;border-bottom-right-radius:120px 24px;display:block;position:relative;border:3px solid #6e7491;padding:40px 60px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;width:500%;margin:100px auto 0;font-family:"Bangers",cursive;font-size:17px;line-height:28px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg);transition:all .13s ease-in}.heroInfo,.heroInfo:hover{box-shadow:3px 15px 8px -10px rgba(0,0,0,.3)}.heroInfo:hover{-webkit-transform:translateY(-10px) rotate(1deg);transform:translateY(-10px) rotate(1deg)}.heroInfo:hover .border{-webkit-transform:translateY(4px) rotate(-5deg);transform:translateY(4px) rotate(-5deg)}.wordPowers{padding-bottom:2rem;padding-top:2rem;margin-left:2rem}.powerInfo{border-top-left-radius:37px 140px;border-top-right-radius:23px 130px;border-bottom-left-radius:110px 19px;border-bottom-right-radius:120px 24px;display:block;justify-content:center;align-content:center;position:relative;border:3px solid #6e7491;max-width:1250px;width:100%;margin:100px auto 0;background-color:#fff;font-family:"Bangers",cursive;font-size:28px;line-height:28px;-webkit-transform:rotate(-1deg);transform:rotate(-1deg);transition:all .13s ease-in;background-image:url(https://wallpaperaccess.com/full/876546.jpg)}.powerInfo,.powerInfo:hover{box-shadow:3px 15px 8px -10px rgba(0,0,0,.3)}.powerInfo:hover{-webkit-transform:translateY(-10px) rotate(1deg);transform:translateY(-10px) rotate(1deg)}.powerInfo:hover .border{-webkit-transform:translateY(4px) rotate(-5deg);transform:translateY(4px) rotate(-5deg)}.border{position:absolute;transition:all .13s ease-in}.border:after,.border:before{color:#515d9c;font-size:15px;position:absolute}.tl{position:absolute;left:-50px;top:-63px;font-weight:600}.tl:before{left:120px;top:30px}.tl:after{left:0;top:80px}.tr{right:-50px;top:-63px;font-weight:600}.tr:before{left:0;top:30px}.tr:after{left:130px;top:80px}.bl{left:-50px;bottom:-71px;font-weight:600}.bl:before{left:120px;top:-30px}.bl:after{left:0;top:-90px}.br{right:-50px;bottom:-63px;font-weight:600}.br:before{left:0;top:-30px}.br:after{right:-10px;top:-80px}@media screen and (max-width:1024px){.heroInfo{width:500%;font-size:20px;margin:20px 20px 0;max-width:900px}.heroImage{width:500px}}@media screen and (max-width:768px){.heroInfo{width:500%;font-size:20px;margin:20px 20px 0;max-width:650px}.heroImage{width:500px}}@media screen and (max-width:425px){.heroInfo{width:80%;font-size:20px;margin:20px 20px 0}.heroImage{width:200px}.powerInfo{width:80%;height:1300px}.circularProgressbar{width:300px;height:300px;margin:30px}}@media screen and (max-width:375px){.heroInfo{width:90%;font-size:20px;margin:20px 20px 0}.heroImage{width:200px}.powerInfo{width:90%;height:1400px}.circularProgressbar{width:300px;height:300px}}@media screen and (max-width:320px){.heroInfo{width:70%;font-size:20px;margin:20px 20px 0}.heroImage{width:130%;height:auto}.powerInfo{width:70%;height:1300px}.circularProgressbar{width:200px;height:200px;margin-left:40px}}@media screen and (max-width:480px){.grid-box{grid-template-columns:auto auto}.characters-header{padding-top:5vh}.charImg{width:80vw}.filter{color:#fff;background-color:rgba(0,0,0,.5);padding:2vh 2vw;border-radius:10px;border-style:groove;display:inline-flex;align-items:center;flex-direction:column}.dropdownToggle{margin:5px 0}.search-bar{margin:auto}}@media screen and (min-width:481px) and (max-width:768px){.grid-box{grid-template-columns:auto auto auto auto}}@media screen and (min-width:769px) and (max-width:1024px){.grid-box{grid-template-columns:auto auto auto auto auto}}@media screen and (min-width:1025px) and (max-width:1200px){.grid-box{grid-template-columns:auto auto auto auto auto auto}}.char-arrange{display:grid;align-items:center;justify-content:center;grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto auto auto;border-radius:.7rem;scroll-behavior:smooth;overflow:hidden;overflow-y:scroll;height:500px}.hero-box{margin:5px}.hero-box:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition-duration:1s;z-index:1}.hero-box:hover .character-names-versus{display:block}.character-names-versus{display:none;color:#fff;font-size:14px;font-family:"Bangers",cursive;font-family:"Bungee Inline",cursive}.pick-hero{display:flex;justify-content:space-between}.left-hero{margin:40px 40px 65px 15px;background-color:rgba(0,0,0,.5)}.left-hero,.left-sp{width:400px;height:450px;border-radius:1rem}.left-sp{box-shadow:2px 3px 5px 1px}.right-hero{margin:40px 15px 65px 30px;background-color:rgba(0,0,0,.5)}.right-hero,.right-sp{width:400px;height:450px;border-radius:1rem}.right-sp{box-shadow:2px 3px 5px 1px}.first-box{display:flex;align-content:flex-end}.right-arrange{display:flex;align-content:center;justify-content:center;background-color:red}.second-box{display:flex;align-content:flex-start}.stats-left-hero1{height:140px;width:140px;font-size:1vw;padding:50px 0 150px;color:#fff;border:none;background:none;text-shadow:0 0 10px #000,0 0 10px #000;font-family:"Bangers",cursive}.stats-left-hero2,.stats-right-hero1,.stats-right-hero2{height:140px;width:140px;font-size:1vw;padding:50px 0 100px;color:#fff;border:none;background:none;text-shadow:0 0 10px #000,0 0 10px #000;font-family:"Bangers",cursive}.leftImageOverlay{display:flex;color:#fff;justify-content:flex-start;align-content:flex-start}.player1Name,.player2Name{font-size:2vw;color:#000;text-shadow:0 0 10px #fff,0 0 10px #fff;font-family:"Bangers",cursive}.rightImageOverlay{display:flex;color:#fff;justify-content:flex-end;align-content:flex-end}.versus-image{margin-top:10vh;width:50%;height:50%}.overall-pos1,.overall-pos2{padding-top:10px;font-size:2vw;color:#fff;text-shadow:0 0 10px #000,0 0 10px #000;font-family:"Bangers",cursive}.background{background-image:url(https://cutewallpaper.org/21/fire-background-gif/Fire-Fighting-GIF-Find-Share-on-GIPHY.gif);background-size:cover;position:-webkit-sticky;position:sticky}.mid-section{color:#fff;padding-top:2vh;display:flex;align-items:center;justify-content:center}.search-bar-versus{background-color:rgba(0,0,0,.6);padding-top:3px;border-radius:5px;width:13.5vw;height:4vh}@media screen and (max-width:480px){.char-arrange{display:grid;align-items:center;justify-content:center;grid-template-columns:auto auto auto;border-radius:.7rem;scroll-behavior:smooth;overflow:hidden;overflow-y:scroll;height:100vh}.left-hero{margin:40px 5px 65px;background-color:rgba(0,0,0,.5)}.left-hero,.left-sp{width:100px;height:120px;border-radius:1rem}.left-sp{box-shadow:2px 3px 5px 1px}.stats-left-hero1{height:30px;width:30px;font-size:1vw;padding:50px 0 150px;color:#fff;border:none;background:none;text-shadow:0 0 10px #000,0 0 10px #000;font-family:"Bangers",cursive}.stats-left-hero2,.stats-right-hero1,.stats-right-hero2{height:30px;width:30px;font-size:1vw;padding:50px 0 100px;color:#fff;border:none;background:none;text-shadow:0 0 10px #000,0 0 10px #000;font-family:"Bangers",cursive}.versus-image{margin-top:8vh;width:30px;height:30px}.right-hero{margin:40px 5px 65px;background-color:rgba(0,0,0,.5)}.right-hero,.right-sp{width:100px;height:120px;border-radius:1rem}.right-sp{box-shadow:2px 3px 5px 1px}.versus-div{width:100vw}.search-bar-versus{background-color:rgba(0,0,0,.6);padding-top:3px;border-radius:5px;width:60vw;height:5vh}}.features{min-height:100vh;display:grid;font-family:"Bangers",cursive;font-family:"Bungee Inline",cursive}.features,.header1{align-items:center;justify-content:center}.header1{width:auto;height:auto;color:#66fcf1;display:flex;background-color:transparent;font-size:4vw;padding-bottom:20px;text-shadow:0 0 10px #000,0 0 10px #000}.featureCards{display:grid;grid-template-columns:auto auto auto;align-items:center;justify-content:center;padding:1em}.lists{color:#fff;background:none;font-size:2vw}.vsImage{width:5vw}.cardFeatures{color:#fff;display:grid;text-decoration:none;box-shadow:10px;border-radius:.6rem;border-color:#1f2833;background-image:url(/static/media/blue-abstract-rays-4k-blue-lines-creative-blue-abstract-backgrounds.0ddd199b.jpg);background-size:cover;text-shadow:0 0 10px #000,0 0 10px #000;margin:0 10px;object-fit:cover;height:40vh;width:30vw}.cardFeatures,.CardTitle{align-items:center;justify-content:center}.CardTitle{color:#000;font-size:2.5vw;text-shadow:0 0 10px #fff,0 0 10px #fff}.cardFeatures:hover,.lists:hover{color:#66fcf1}.CardText{font-size:2vw;padding:0 20px}@media screen and (max-width:480px){.featureCards{display:grid;grid-template-columns:auto}.cardFeatures{margin:10px 0;height:40vh;width:40vw}.CardTitle{font-size:4vw}.CardText{padding:0 10px}.CardText,.lists{font-size:3vw}.header1{font-size:10vw;padding-bottom:10px}}.maincontent{min-height:100vh;font-family:"Bangers",cursive;font-family:"Bungee Inline",cursive;font-size:5vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.maintext{font-size:7vw;color:#66fcf1;text-shadow:0 0 20px #000,0 0 20px #000}.scrolldown{padding-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:gold;text-shadow:0 0 10px #000,0 0 10px #000}#arrowDown{width:20%;height:20%;-webkit-animation:downUp 1s infinite;animation:downUp 1s infinite}@-webkit-keyframes downUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@keyframes downUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20%);transform:translateY(-20%)}}@media screen and (max-width:480px){.maintext{font-size:9vw}}.bgHome{background-image:url(/static/media/abcdef.d8f926e4.jpg);background-size:cover;position:-webkit-sticky;position:sticky}.HeroDisplay{min-height:100vh;display:flex;flex-direction:column;font-size:calc(40px + 2vmin);font-weight:bolder;color:#66fcf1}.HeroCards,.HeroDisplay{align-items:center;justify-content:center}.HeroCards{display:grid;grid-template-columns:auto auto auto;padding:1em}.HeroDisplay>h1{font-size:5vw;color:#66fcf1;text-shadow:0 0 10px #000,0 0 10px #000;font-family:"Bangers",cursive;font-family:"Bungee Inline",cursive;font-size:4vw;background:none}.heroCard{margin:0 10px;border:none;border-radius:.6rem}.heroCard:hover{-webkit-transform:scale(1.05);transform:scale(1.05);position:relative;box-shadow:0 10px 20px #66fcf1,0 10px 20px #66fcf1;text-shadow:0 0 2px #66fcf1,0 0 2px #66fcf1}.character-names-home{display:flex;justify-content:center;background:none;color:#000;font-size:2vw;font-weight:bolder;border-radius:.4rem;padding:5px;font-family:"Bangers",cursive;font-family:"Bungee Inline",cursive;text-shadow:0 0 10px #fff,0 0 10px #fff}@media screen and (max-width:480px){.HeroCards{grid-template-columns:auto}.heroCard{margin:0 0 20px}.character-names-home{font-size:5vw}.HeroDisplay>h1{font-size:9vw;padding:10px}}.bg{background-image:url(/static/media/bgf.77fb8741.gif);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.comment-box{background-color:#000;box-shadow:20px 20px 10px 0 rgba(0,0,0,.2);color:#66fcf1;width:80%;margin-left:10%;transition:.3s;padding:2rem;align-items:center;justify-content:center;opacity:.8}.comment-box:hover{opacity:1}.haha{scroll-behavior:smooth;overflow:hidden;overflow-y:scroll;height:500px}.username-box{width:90%;margin-left:5%;margin-top:50px;margin-bottom:80px;padding:2%;align-items:center;justify-content:center;box-shadow:0 10px 8px 10px rgba(102,252,241,.2)}#incomment{width:70%;margin-top:15px;margin-bottom:15px;box-sizing:border-box}#incomment,.namein{align-items:center;justify-content:center;display:inline-flex;border-radius:25px;text-align:center}.namein{width:15rem}@media screen and (max-width:600px) and (min-width:300px){.namein{width:10rem}#incomment{text-align:center}#commentbtn{width:5rem}}@media screen and (max-width:300px) and (min-width:0px){.namein{width:6rem}#commentbtn{width:2rem;-webkit-text-size-adjust:2rem;-moz-text-size-adjust:2rem;text-size-adjust:2rem}}#commentbtn{margin-top:15px;margin-bottom:15px}.usercomments-box{box-shadow:10px 10px 8px 0 hsla(0,0%,100%,.2);width:80%;margin-left:10%;transition:.3s;color:#45a29e;margin-top:50px;margin-bottom:50px;padding:20px;align-items:center;justify-content:center}.usercomments-box:hover:before{box-shadow:0 0 15px #66fcf1}.usercomments-box:hover{-webkit-transform:scale(1.3);transform:scale(1.3);color:#66fcf1;box-shadow:0 0 5px #66fcf1;text-shadow:0 0 5px #66fcf1}#name{font-size:2vw}#comment{font-size:1.5vw}#date{margin-left:78%;font-size:1vw}.aboutContainer{min-height:100vh;display:grid;flex-direction:column;color:#000}.aboutContainer,.Para1{align-items:center;justify-content:center;font-family:"Roboto",serif}.Para1{font-size:2vw;display:flex;color:#0b0c10;padding:0 20px 20px}.aboutHeader{font-family:"Bungee Inline",cursive;color:#1f2833;font-size:4vw}.image{width:20rem;height:20rem;margin-bottom:50px}.AboutBack{background-image:url(/static/media/AboutBack9.2859fe8e.png)}.box{margin:auto;border-style:groove;width:80%}.CTBRS{font-family:"Bungee Inline",cursive;font-size:4vw;color:#8080ff}.namesHeader{font-size:2vw}.main-nav{background-color:#0b0c10;font-size:1.5vw}.navLogo{font-weight:700;color:#66fcf1;width:2vw}@media screen and (max-width:480px){.main-nav{font-size:2vw}}
/*# sourceMappingURL=main.110452b1.chunk.css.map */