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}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border:1.1em solid hsla(0,0%,100%,.2);border-left-color:#ff5100;transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}@-webkit-keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes load8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.SuperheroList{text-align:center;display:inline-block;padding:15px;margin:5px;border-radius:5px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;cursor:pointer;background:#c32222;background:linear-gradient(0deg,#f90,red)}.SuperheroList:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.7)}.SuperheroList>img{height:18rem;padding:1px;border-radius:5px;width:auto}.Backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.4);cursor:pointer}.Modal{position:absolute;z-index:500;width:85%;left:8%;top:2rem;box-sizing:border-box;transition:all .3s ease-out;margin-bottom:2rem;-webkit-animation:fadeinout .5s linear forwards;animation:fadeinout .5s linear forwards;letter-spacing:2px}@-webkit-keyframes fadeinout{0%{opacity:0}to{opacity:1}}@keyframes fadeinout{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.Modal{top:1rem;width:98%;left:2%}}.Cross{position:absolute;font-weight:700;font-size:180%;color:#d3d3d3;top:40px;right:40px;cursor:pointer}.Cross:hover{color:#dc143c}.Superhero{z-index:500;border:1px solid #daa520;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);text-align:center;background-color:#000;color:#f0f8ff;line-height:1.7;background:#020024;background:linear-gradient(90deg,#020024,#1f011e 39%,#3f014d)}.Superhero>h1{text-align:center;font-size:1.5rem;font-weight:700;text-decoration:underline}.Superhero>h2{text-align:left;margin-left:50px;text-decoration:underline}.Superhero>img{width:20rem;height:auto;border-radius:5px}.quality{text-align:left;padding:10px;color:#ff0;margin:0 50px;overflow-wrap:break-word}.Span{color:red;font-weight:700;letter-spacing:2}.Powerstats{background:#22c1c3;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:10px;padding-left:1rem;font-weight:bolder;color:#000;animation:load 1s 0s;-webkit-animation:load 1s 0s;-moz-animation:load 1s 0s;-o-animation:load 1s 0s}.p-1{background-color:#f4d03f;background-image:linear-gradient(132deg,#f4d03f,#16a085)}.p-2{background-color:#fbab7e;background-image:linear-gradient(62deg,#fbab7e,#ffb700)}.p-3{background-color:#3eecac;background-image:linear-gradient(19deg,#3eecac,#ee74e1)}.p-4{background-color:#fbab7e;background-image:linear-gradient(62deg,#fbab7e,#f76868)}.p-5{background-color:#f90;background-image:linear-gradient(62deg,#fbab7e,#00ff15)}.p-6{background-color:#fbab7e;background-image:linear-gradient(62deg,#fbab7e,#6f00ff)}@keyframes load{0%{width:0}}@-webkit-keyframes load{0%{width:0}}@media (max-width:1200px){.Superhero{margin:100px}.quality{padding:5px}}@media (max-width:600px){.Superhero{margin:20px}.quality{padding:5px}}.Home{text-align:center}.Reference{display:inline-block;color:"white";font-weight:"bold";background-color:rgba(0,0,0,.8);border-radius:5px;color:#fff;padding:5px;margin-left:5px;font-size:13px}.Reference>a{color:#adff2f}.Home>h1{background-color:rgba(0,0,0,.651);color:#161818;margin:2rem auto;border-radius:20px;width:50rem;padding:.5rem}.Home>h1>a{color:#ae25c0;font-family:"Permanent Marker";text-shadow:4px 4px 4px #000;font-weight:700;font-size:5rem;cursor:pointer}.Home>form>input{margin-bottom:20px;padding:5px 10px;font-size:1.2rem;border:1px solid grey;border-radius:5px;color:#280f3f;outline:none;font-family:"Orbitron";font-weight:700}.Home>form>input:focus{border:1.2px solid #8a2be2;font-weight:700;letter-spacing:2px}.Home>form>button{margin:10px;padding:10px 20px;border-style:none;border-radius:3px;cursor:pointer;background-color:#ff8c00;font-weight:700;color:#fff8dc}.Home>form>button:hover{background-color:#ff4500;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.Home>form>button:focus,.LoadButton{outline:none}.LoadButton{padding:10px 20px;margin-top:20px;margin-bottom:10px;border-style:none;background-color:#ff8c00;color:#fff8dc;border-radius:3px;cursor:pointer;font-weight:700}.LoadButton:hover{background-color:#ff4500;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}@media (max-width:600px){.Home>h1{font-size:1.5rem}}.load{display:flex;justify-content:center;font-size:2rem;color:#ae25c0;padding:1rem;margin-right:90px;font:60px"permanent marker";text-shadow:6px 6px 6px #000}body{text-align:center;font-family:"Orbitron",sans-serif;letter-spacing:1px;background-image:url(https://images4.alphacoders.com/108/108584.jpg);background-repeat:repeat;background-attachment:fixed;background-size:cover;-webkit-animation-fill-mode:both;-webkit-animation:backgroundScroll 30s linear 1;animation:backgroundScroll 30s linear 1;animation-fill-mode:both;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-direction:alternate-reverse;-webkit-animation-direction:alternate-reverse}@keyframes backgroundScroll{0%{background-position:0 0}to{background-position:-200px 0}}@-webkit-keyframes backgroundScroll{0%{background-position:0 0}to{background-position:-200px 0}}
/*# sourceMappingURL=main.5da79b4b.chunk.css.map */