body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.splash-screen{background-image:url(/static/media/marvel-loading.df01cb6e6cc31920b433.png);background-repeat:no-repeat;background-size:cover;height:100vh;position:absolute;top:0;width:100vw;z-index:5}.slide-container{background-color:rgba(0,0,0,.817);color:#fff;margin:auto;padding-top:10px;width:95%}.one-comic{display:flex;justify-content:space-around}.comic-image{width:35%}.one-comic img{height:500px;margin-bottom:50px;width:100%}.comicsTitle{margin:auto;width:30%}.comic-detail{text-align:left;width:50%}.writer{display:flex}.writer div{margin-right:80px}@font-face{font-family:Komika;font-style:normal;font-weight:400;src:url(/static/media/KOMIKAH_.36faaae2c090fbfbf7b7.ttf) format("truetype")}.App{font-family:Komika,sans-serif;text-align:center}.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-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}.charBtn{background-color:#6b52a5;border:none;border-radius:5px;color:#fff;padding:10px}.searchDiv{margin:50px}.searchCard,.searchDiv{align-items:center;display:flex;flex-direction:column;justify-content:center}.searchCard{background-color:#dedddd;border:2px solid #000;padding:20px}label{margin-bottom:20px}.card-container{background-color:#dedddd;border:2px solid #000;margin-bottom:50px;padding:30px;width:90%}.charPage{align-items:center;display:flex;flex-direction:column;justify-content:center}.popChar{width:80%}.background{height:100vh;overflow-x:hidden;position:fixed;top:0;width:100vw;z-index:-2}.navMargin{margin-bottom:150px}.groot{height:100px}.text,.title{color:#fff}.text{margin:auto;width:90%}.image-container{position:relative}.image-container img{left:0;margin:auto;position:fixed;top:0;width:100%;z-index:-2}.image-overlay{align-items:center;background:rgba(0,0,0,.5);color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:100%}.image-overlay .navbar .button-overlay{margin:5px;text-align:center;-webkit-transform:translateY(30px);transform:translateY(30px);z-index:-1}.image-overlay h1,.image-overlay p{margin:10px;text-align:center;-webkit-transform:translateY(10px);transform:translateY(10px)}.button-overlay button{margin:10px;text-align:center}.button-overlay .home-button{margin:80px;text-align:center}.home-button{background-color:#ff2400;border:none;border-radius:7px;color:#fff;font-family:Komika;font-size:20px;padding:10px;transition:all .3s ease-in}.home-button:hover{background-color:#ff4e33;cursor:pointer}.nav-wrapper{border-bottom:3px solid #000;overflow-x:hidden;position:fixed;top:0;width:100vw;z-index:2}.nav-wrapper,nav{background-color:#0074d9}nav{align-items:center;display:flex;justify-content:space-between;margin:auto;padding:30px;width:95vw}.navbar-icon{color:#ff2400;-webkit-transform:scale(1.5);transform:scale(1.5)}.navbar-icon:hover{cursor:pointer;-webkit-transform:scale(1.8);transform:scale(1.8)}.profPic{border-radius:50%;height:40px;-webkit-transform:scale(1.5);transform:scale(1.5);width:40px}.profPic:hover{cursor:pointer;-webkit-transform:scale(1.8);transform:scale(1.8)}.button{background-color:#ff2400;border:none;border-radius:7px;color:#fff;font-family:Komika;font-size:20px;padding:10px;transition:all .3s ease-in}.button:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:hsla(0,0%,100%,.6);border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:transparent;border:0;color:transparent;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.login-form{align-items:center;background-color:#6b52a5;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;margin:10px auto;width:75%}.barsLog{border:1px solid #000;border-radius:15px;box-shadow:3px 3px 3px;margin:10px;padding:10px;width:75%}.loginBtn{background-color:#0074d9;border:none;border-radius:15px;box-shadow:3px 3px 3px #000;color:#fff;cursor:pointer;font-family:komika;margin:20px;padding:15px;transition:all .3s ease-in;width:40%}.loginBtn:hover{background-color:#08f;-webkit-transform:scale(1.1);transform:scale(1.1)}.loginBtn:active{box-shadow:none;-webkit-transform:translateY(3px);transform:translateY(3px)}.whole-login{display:flex;overflow-x:hidden;overflow-y:hidden}.img-holder{height:100vh;width:50%}.img-holder img{height:100%;width:100%}.login-register{margin-top:50px;width:50%}.errorMsg,.regErrorMsg{color:#ff0}.Username{font-size:20px;margin-right:70px}.profilepicture{background-size:cover}.button-holder button{background-color:#6b52a5;border:none;border-radius:10px;box-shadow:3px 3px 3px #1e1534;color:#fff;font-family:Komika;margin:20px;padding:10px}.button-holder button:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.button-holder button:active{box-shadow:none;-webkit-transform:translateY(3px);transform:translateY(3px)}.inputField,.profTop{align-items:center;display:flex;justify-content:center}.inputField{margin-bottom:10px}.inputNewUser{align-items:center;display:flex;justify-content:flex-end;left:-20px;position:relative}.successMsg{color:green}.errMsg{color:red}.modalBackgrnd{background-color:hsla(0,0%,50%,.446);height:100vh;position:fixed;top:0;width:100vw;z-index:2}.inputForm,.modalBackgrnd{align-items:center;display:flex;justify-content:center}.inputForm{background-color:#fff;border:1px solid #000;flex-direction:column;padding:0 80px 10px}.inputTop{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.inputMid{flex-direction:column;margin-bottom:20px;padding:10px}.inputBot,.inputMid{align-items:center;display:flex;justify-content:space-around}.inputBot{width:80%}input[type=file]{display:none}#fileButton{font-family:Arial,Helvetica,sans-serif;font-size:13.3333333px}.formButton{background-color:#e46612;border:1px solid grey;border-radius:10%;margin-bottom:10px;padding:4px 10px;transition:.5s}.formButton:hover{background-color:orange;cursor:pointer}label{margin-right:10px}input{position:relative;top:-9px}#delButton{background-color:red}#delButton:hover{background-color:#b60505}.card-container{display:flex;flex-wrap:wrap;justify-content:space-around}.character-card{background-color:#fff;border:3px solid #6b52a5;border-radius:15px;height:300px;margin-bottom:30px;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;width:100%}.character-card:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.character-card img{border-top-left-radius:13px;border-top-right-radius:13px;height:70%;width:100%}.icon-holder{position:relative}.favorite-icon{color:#ff2400;-webkit-transform:scale(2.3);transform:scale(2.3)}.clicked{color:#ff2400}.tool-tip{background-color:#6b52a5;border-radius:5px;color:#fff;font-size:12px;left:110%;padding:5px;position:absolute;top:0;width:125px}.pagination{align-items:center;background-color:#dedddd;border:2px solid #000;display:flex;justify-content:space-between;padding:20px}.pagination li{list-style:none}.pagination a{background-color:#fff;border:1px solid #000;cursor:pointer;padding:10px}.pagination .active a{background-color:red}.navigate-buttons{align-items:center;display:flex;justify-content:space-evenly;margin-bottom:30px;width:100%}.navigate-buttons button{border:2px solid #000;border-radius:10px;cursor:pointer;font-family:Komika;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px;transition:all .2s ease}.navigate-buttons button:hover{background-color:#d6d4d4;-webkit-transform:scale(1.1);transform:scale(1.1)}.modal-tab{display:flex;font-family:Komika;height:100%}.modal-tab h2{font-size:28px}.modal-holder-profile{margin:0 20px;min-width:20%;padding:20px 0}.modal-holder-characters{width:26%}.modal-holder-characters .character-card{height:400px}.popup-image-div{width:85%}.popup-image{width:100%}.modal-left{align-items:center;width:40%}.modal-left,.modal-right{display:flex;flex-direction:column;justify-content:space-between}.modal-right{align-items:left;width:60%}.fav-and-variants{display:flex;justify-content:space-around;margin:20px 0}.comics-section{background-color:#dedddd;border:3px solid #6b52a5;border-radius:15px;height:52%;justify-content:center}.comics,.comics-section{align-items:center;display:flex;flex-direction:column}.comics{background-color:#fff;border:1px solid #000;height:80%;justify-content:flex-start;margin-bottom:30px;overflow-y:scroll;padding:10px 20px;text-align:center;width:75%}.comics-div{width:95%}.comics p{margin:auto;width:90%}.comicSearch{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px}.comicSearch input{border:1px solid #000;border-radius:5px;padding:5px}.release h3{padding-top:40px}.modal-favorite{-webkit-transform:scale(3);transform:scale(3)}.close-button,.variants-btn{font-size:26px}.close-button{background-color:#00a000;border:none;border-radius:10px;box-shadow:3px 3px 3px #060;color:#fff;height:40px;transition:all .3s ease-in;width:150px}.close-button:hover{background-color:#0c0;cursor:pointer;font-size:30px;-webkit-transform:scale(1.1);transform:scale(1.1)}.close-button:active{background-color:#00a000;-webkit-transform:translateY(3px);transform:translateY(3px)}.variants-button{background-color:#00a000;border:none;border-radius:10px;box-shadow:3px 3px 3px #060;color:#fff;font-family:Komika;font-size:20px;height:40px;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;width:180px}.variants-button:hover{background-color:#0c0;cursor:pointer;font-size:20px;-webkit-transform:scale(1.1);transform:scale(1.1)}.variants-button:active{background-color:#00a000;-webkit-transform:translateY(3px);transform:translateY(3px)}.variantImg{border:3px solid #6b52a5;border-top-left-radius:13px;border-top-right-radius:13px;height:250px;width:200px}.variantsMapStart{justify-content:flex-start}.variantsMapCentre,.variantsMapStart{align-items:center;display:flex;height:400px;overflow-x:scroll;width:1200px}.variantItem,.variantsMapCentre{justify-content:center}.variantItem{align-items:center;display:flex;flex-direction:column;margin:0 20px;width:200px}.variant-tab{font-family:Komika;font-size:14px}.variant-top{justify-content:space-around}.variant-top,.variants-bot{align-items:center;display:flex}.variants-bot{justify-content:center;margin:100px 20px 0 0}.closeVariants{margin:0 80px}.variantsMid{background-color:#dedddd;border:2px solid grey;display:flex;justify-content:center}.textDiv{height:30px}.powerstats{display:flex;justify-content:space-between;max-width:90%;padding:10px}.powerstats h4{font-size:12px;margin-bottom:10px;margin-top:0}.one-stat{align-items:center;display:flex;flex-direction:column}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.favorites{background-color:#dedddd;border:2px solid grey;overflow-x:scroll;width:90vw}.empty-favs,.favorites{display:flex;margin:auto}.empty-favs{align-items:center;flex-direction:column}.empty-favs img{width:15%}.favMargin{margin:50px 0}.popular{background-color:#dedddd;border:2px solid #000;margin:30px auto;width:80%}.popular-holder{display:flex;justify-content:space-around}
/*# sourceMappingURL=main.11c3fe56.css.map*/