@import url(https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);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}.navbar_navbar__2B17G{margin:0;display:flex;align-items:center;justify-content:space-around;background-image:linear-gradient(90deg,#ff5e62,#f96);width:100%;height:80px}.navbar_title__1DAJE{font-size:30px;font-family:"Black Ops One",cursive;color:#292828}.navbar_navLinks__1NAju>li{list-style:none;float:left;margin:20px}.superheroItem_superheroItem__3ey_Y{justify-self:center;width:280px;height:400px;display:flex;flex-direction:row;align-items:flex-end;position:relative;overflow:hidden}.superheroItem_superheroItem__3ey_Y:hover{cursor:pointer}.superheroItem_detailsContainer__1MpOE{position:relative;width:100%;height:50px;display:flex;justify-content:space-between;align-content:center;background-color:rgba(32,30,30,.541)}.superheroItem_detailsContainer__1MpOE>h2{color:#b6dd5a;font-family:"Audiowide",cursive;font-size:15px;letter-spacing:1px;margin:15px 0 0 8px}.superheroItem_detailsButton__3_u72{width:80px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.superheroItem_line1__d05SQ,.superheroItem_line2__2f_yV{height:4px;border-radius:2px;background-color:#fbfeff;margin:2px;transition:width .3s}.superheroItem_line1__d05SQ{width:35%}.superheroItem_detailsButton__3_u72:hover>.superheroItem_line1__d05SQ{width:50%}.superheroItem_line2__2f_yV{width:25%}.superheroItem_detailsButton__3_u72:hover>.superheroItem_line2__2f_yV{width:35%}@media only screen and (max-width:900px){.superheroItem_superheroItem__3ey_Y{width:100%}}@media only screen and (max-width:768px){.superheroItem_superheroItem__3ey_Y{width:230px}}@media only screen and (max-width:620px){.superheroItem_superheroItem__3ey_Y{width:100%}}.imageComponent_imageNotFound__3ijfY{font-size:30px;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background-image:linear-gradient(90deg,#2980b9,#2c3e50);text-align:center;display:flex;align-items:center;justify-content:center;z-index:-1}.imageComponent_imageContainer__1hkTM{position:absolute;width:100%;height:100%;background-size:cover!important;transition:transform .5s ease}.imageComponent_imageContainer__1hkTM:hover{transform:scale(1.2)}.heroDetails_biography__3ex4P,.heroDetails_connections__1KvI9,.heroDetails_powerstats__2_1Q2,.heroDetails_work__2fLBR{margin:20px 0}.heroDetails_biographyTitle__1oZHu,.heroDetails_connectionsTitle__2eCYH,.heroDetails_powerstatsTitle__1GGYl,.heroDetails_workTitle__3cVWl{font-size:20px;font-weight:700;color:#395375}.heroDetails_property__3g5uW{font-size:15px;font-weight:500;margin:10px;color:#fff}.detailsModal_detailsModalContainer__1mIRB{position:relative;z-index:50}.detailsModal_modal__1gmAM{width:60%;height:70vh;background-color:rgba(71,68,68,.58);z-index:50}.detailsModal_modalAnimation__2RTJE{-webkit-animation-name:detailsModal_zoomOutAnimation__NHJFl;animation-name:detailsModal_zoomOutAnimation__NHJFl;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes detailsModal_zoomOutAnimation__NHJFl{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes detailsModal_zoomOutAnimation__NHJFl{0%{transform:scale(.3)}to{transform:scale(1)}}.detailsModal_closeButton__2dD_-{position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:50%;font-size:20px;background-color:#5c5e61;color:#f0f8ff;display:flex;justify-content:center;align-items:center}.detailsModal_closeButton__2dD_-:hover{cursor:pointer}.detailsModal_closeButton__2dD_->div{font-size:20px;font-weight:600;margin:0 0 5px}.detailsModal_container__3J0tY{display:flex;flex-direction:column}.detailsModal_heroNameContainer__3vGsh{display:flex;justify-content:center;align-items:center;color:#f0f8ff}.detailsModal_heroName__V1-Lw{font-family:"Audiowide",cursive;font-size:40px}.detailsModal_wrapper__Ob5mc{width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between}.detailsModal_imageWrapper__2J4Wf{width:300px;height:450px;position:relative;overflow:hidden;flex:5 1;margin:50px 40px 0 0}.detailsModal_infoWrapper__3Rtlr{flex:7 1;height:500px;margin:0;padding:20px 0 20px 20px;font-family:"Poppins",sans-serif}.detailsModal_modalDetails__rAvTl{display:flex;justify-content:space-between;align-items:center;width:50%;height:80vh;background-image:linear-gradient(90deg,#ffa023,#ffd4b1);overflow:auto;padding:20px;border:5px solid #f5f5f5}.detailsModal_modalDetails__rAvTl::-webkit-scrollbar{display:none}.detailsModal_modalDetails__rAvTl{-ms-overflow-style:none;scrollbar-width:none}.detailsModal_overlay__3yM6K{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(71,68,68,.58);display:flex;justify-content:center;align-items:center;z-index:2}@media only screen and (max-width:1200px){.detailsModal_modalDetails__rAvTl{width:70%}}@media only screen and (max-width:1000px){.detailsModal_modalDetails__rAvTl{width:80%}}@media only screen and (max-width:768px){.detailsModal_detailsModalContainer__1mIRB{height:500px}.detailsModal_container__3J0tY{margin-top:450px}.detailsModal_wrapper__Ob5mc{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.detailsModal_imageWrapper__2J4Wf{flex:unset;width:350;height:400px}.detailsModal_infoWrapper__3Rtlr{width:60%;flex:unset}}.ReactModal__Content{opacity:0;transform:scale(.3);transition:all .3s cubic-bezier(.175,.7,.32,1.5)}.ReactModal__Content--after-open{opacity:1;transform:scale(1)}.ReactModal__Content--before-close{opacity:0;transform:scale(.3)}.gridContainer_gridContainer__2MV9R{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:80%;grid-gap:30px}@media only screen and (max-width:768px){.gridContainer_gridContainer__2MV9R{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.superheroContainer_superheroContainer__11Qzr{padding-top:80px;display:flex;justify-content:center;width:100%}.superheroContainer_gridContainer__2cC3x{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:80%;grid-gap:30px}.superheroContainer_bottomRef__2Jooe{margin-bottom:100px}.superheroContainer_bottomGap__5m5g1{height:50vh}@media only screen and (max-width:768px){.superheroContainer_gridContainer__2cC3x{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.landingComponent_landingContainer__BkpNM{position:relative;width:100%;height:90vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding-top:40px;background-image:linear-gradient(#f0f1f1,#f7fbfd)}.landingComponent_marvel1__2L9_h{margin:0;width:600px;height:500px;z-index:0}.landingComponent_marvel2__3rX_N{position:absolute;top:50px;right:100px;width:400px;height:300px}.landingComponent_DC__3PpjU{position:absolute;top:50px;left:100px;width:400px;height:250px}.landingComponent_raven__1Zrgc{position:absolute;left:-100px;top:300px;z-index:0}.landingComponent_vision__3xv4v{position:absolute;right:-100px;top:300px;z-index:0}.landingComponent_batman__2xJEO{position:absolute;top:50px;left:50px;width:200px;height:200px;display:none}.landingComponent_superman__3UNVA{position:absolute;top:50px;right:50px;width:200px;height:200px;display:none}@media only screen and (max-width:930px){.landingComponent_DC__3PpjU,.landingComponent_marvel2__3rX_N{display:none}.landingComponent_raven__1Zrgc{position:absolute;left:-200px;top:300px}.landingComponent_vision__3xv4v{position:absolute;right:-200px;top:300px;z-index:0}.landingComponent_batman__2xJEO,.landingComponent_superman__3UNVA{display:block}}.loadingComponent_loadingContainer__F555V{width:100%;height:50px;display:flex;justify-content:center;align-items:center}.loadingComponent_ldsEllipsis__1rVJ3{display:inline-block;position:relative;width:80px;height:80px}.loadingComponent_ldsEllipsis__1rVJ3 div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#575757;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.loadingComponent_ldsEllipsis__1rVJ3 div:first-child{left:8px;-webkit-animation:loadingComponent_lds-ellipsis1__cRjfA .6s infinite;animation:loadingComponent_lds-ellipsis1__cRjfA .6s infinite}.loadingComponent_ldsEllipsis__1rVJ3 div:nth-child(2){left:8px}.loadingComponent_ldsEllipsis__1rVJ3 div:nth-child(2),.loadingComponent_ldsEllipsis__1rVJ3 div:nth-child(3){-webkit-animation:loadingComponent_lds-ellipsis2__24_J_ .6s infinite;animation:loadingComponent_lds-ellipsis2__24_J_ .6s infinite}.loadingComponent_ldsEllipsis__1rVJ3 div:nth-child(3){left:32px}.loadingComponent_ldsEllipsis__1rVJ3 div:nth-child(4){left:56px;-webkit-animation:loadingComponent_lds-ellipsis3__3O3LD .6s infinite;animation:loadingComponent_lds-ellipsis3__3O3LD .6s infinite}@-webkit-keyframes loadingComponent_lds-ellipsis1__cRjfA{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes loadingComponent_lds-ellipsis1__cRjfA{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes loadingComponent_lds-ellipsis3__3O3LD{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes loadingComponent_lds-ellipsis3__3O3LD{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes loadingComponent_lds-ellipsis2__24_J_{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes loadingComponent_lds-ellipsis2__24_J_{0%{transform:translate(0)}to{transform:translate(24px)}}.searchBar_searchBar__2wEfh{width:100%;height:70px;background-image:linear-gradient(#232526,#414345);display:flex;align-items:center;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:1}.searchBar_search_container__377Ks{display:flex;flex-direction:row}.searchBar_search_input__k8b0_{height:10px;padding:10px;border-radius:15px;margin-right:30px;outline:none}.searchBar_gradient_box__3l5ch{width:105px;height:35px;background-image:linear-gradient(90deg,#f96,#ff5e62);display:flex;justify-content:center;align-items:center;border-radius:25px}.searchBar_all_heroes_button__8a1E1,.searchBar_search_button__1Qwo_{width:100px;height:25px;z-index:1;font-size:15px;font-weight:500;letter-spacing:1px;background-color:#f5f8fa;display:flex;justify-content:center;padding-top:5px;border-radius:17px;color:#414345}.searchBar_search_button__1Qwo_:hover{cursor:pointer}.searchBar_all_gradient__3CdhW{width:85px;height:35px;background-image:linear-gradient(90deg,#6a82fb,#fc5c7d);display:flex;justify-content:center;align-items:center;border-radius:25px;margin-left:50px}.searchBar_all_heroes_button__8a1E1{width:80px}.searchBar_all_heroes_button__8a1E1:hover,.searchBar_search_button__1Qwo_:hover{cursor:pointer}.individual-container{display:flex;justify-content:center;align-items:center;padding:80px 0;z-index:-1}.bottomGap{height:50vh}.App{text-align:center}.App::-webkit-scrollbar{display:none}.App{-ms-overflow-style:none;scrollbar-width:none}
/*# sourceMappingURL=main.68e1c21d.chunk.css.map */