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}header{background-color:#2e2e2e;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;width:100%;height:120px;z-index:2}header nav{padding:20px}header nav a{text-decoration:none;color:#fff;margin-left:20px;font-size:20px;font-weight:600;padding:20px 0}header nav a:last-child span{margin-left:10px}header nav a.active,header nav a:hover{color:#395eac}header img{height:80px;padding:20px}footer{background:#151515;height:80px;width:100%;color:#fff}footer,footer a,footer p{display:flex;justify-content:center;align-items:center}footer a{font-weight:700;margin:0 5px}footer img{height:30px;margin-right:5px}a:focus,a:visited,footer a{color:#fff}body{font-family:"Roboto",sans-serif}a{text-decoration:none}h1{color:#fff;margin:40px 0}.scrollToTop{position:fixed;width:80px;right:20px;bottom:10%;height:80px;font-size:20px;z-index:1;cursor:pointer;background-color:#395eac;border-radius:50%;border-style:none}.scrollToTop:hover{box-shadow:5px 5px 20px #fff;border:2px solid #fff}.scrollToTop span{color:#fff}.italic{font-style:italic}.paginationContainer{display:flex;align-items:center;margin-bottom:40px}.pagination{padding:0}.pagination ul{display:inline-block;padding-left:15px;padding-right:15px}.pagination li{background-color:#395eac;display:inline-block;border:1px solid;border-radius:10px;padding:16px;margin:5px}.pagination li a{padding:16px;color:#fff}.pagination li:hover{cursor:pointer;background-color:#fff}.pagination .active a,.pagination li:hover a{color:#395eac}.pagination .active{background-color:#fff;border:1px solid #395eac}.searchContainer{display:flex}.searchContainer>div{margin:0 10px}.searchBar input{height:50px;width:400px;padding-left:10px;border-radius:10px;border-style:none}.displayFilter select:focus,.searchBar input:focus{outline:2px solid #395eac}.searchBar input::-webkit-input-placeholder{font-style:italic}.searchBar input:-ms-input-placeholder{font-style:italic}.searchBar input::placeholder{font-style:italic}.displayFilter label{color:#fff;border-left:1px solid #fff;padding-left:10px;height:50px}.displayFilter select{height:50px;width:80px;border-radius:10px;text-align:center;margin-left:10px}.container-loader{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 80px);height:100%}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:red;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.characterCard{display:flex;flex-direction:column;margin:20px;justify-content:flex-start;align-items:center;position:relative}.characterCard .favBox{top:15px;right:15px;cursor:pointer;position:absolute}.characterCard .fa-heart{color:red;font-size:20px}.characterCard .tooltip{position:relative;display:inline-block}.characterCard .tooltip .tooltipText{visibility:hidden;font-size:12px;width:80px;background-color:#2e2e2e;color:#fff;text-align:center;padding:5px 0;border-radius:6px;position:absolute;z-index:1;right:-5px;top:30px}.characterCard .tooltip:hover .tooltipText{visibility:visible}.characterCard:hover img{border:2px solid #fff;box-shadow:5px 5px 20px #fff;cursor:pointer}.characterName{max-width:160px}.characterCard img{width:200px;height:200px;margin-bottom:20px;border-radius:10px;object-fit:cover;box-sizing:border-box}.characterCard div{color:#fff;font-weight:700;font-size:20px}.charactersContainer{margin-top:120px;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;background-image:url(/static/media/background_opt.feb26c18.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.characters{display:flex;justify-content:center;flex-wrap:wrap}.characters a{color:#395eac}p.characters-count{color:#fff;font-style:italic}.comicCard{display:flex;margin:20px 10px;border:4px solid #395eac;border-radius:10px;padding:10px;justify-content:space-between;background-color:#fff}.comicCard h2{color:#395eac;margin:0}.comicCard p{color:grey;line-height:1.5}.comicCard img{width:160px;height:250px;object-fit:cover}.comicDetails{display:flex;flex-direction:column;justify-content:space-between;width:460px;padding:5px;margin-left:10px}.comicCard .button-container{text-align:right}.comicCard button{background-color:#395eac;color:#fff;border:2px solid #395eac;padding:15px;width:230px;font-size:16px;border-radius:5px;font-weight:700}.comicCard button:hover{background-color:#fff;color:#395eac;cursor:pointer}.comicsContainer{margin-top:120px;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;background-image:url(/static/media/background_opt.feb26c18.jpg);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.comics{display:flex;justify-content:space-evenly;flex-wrap:wrap}p.comics-count{color:#fff;font-style:italic}.character-container{margin-top:120px;min-height:calc(100vh - 200px);display:flex;flex-direction:column}.character-container h1{color:red;margin:20px 40px;font-size:50px}.character-container p{margin:0 40px;font-size:20px}.character-container .button-container{text-align:right;margin:0 50px}.character-container button.goBack{color:#fff;position:absolute;background-color:#395eac;border:2px solid #395eac;border-radius:5px;padding:10px 15px;font-size:14px;top:15px;left:20px}.character-container button.goBack:hover{background-color:#fff;color:#395eac;cursor:pointer}.character-container button.goBack span{margin-left:10px}.character-container .button-container button{background-color:#fff;color:#395eac;border:2px solid #395eac;padding:15px;width:200px;font-size:18px;border-radius:5px;font-weight:700}.character-container .button-container button:hover{background-color:#395eac;color:#fff;cursor:pointer}.character-container .character-details{display:flex;position:relative}.character-container .img-container{display:flex;flex-direction:column;width:50vw;box-sizing:border-box;align-items:flex-start}.character-container .img-container img{max-height:500px}.character-container .detail-container{display:flex;flex-direction:column;justify-content:space-evenly;width:50vw;box-sizing:border-box}.character-container .detail-character{display:flex;flex-direction:column}.character-container h2{background-color:red;color:#fff;margin:0;padding:20px}.character-container .comics-list{display:flex;flex-wrap:wrap;justify-content:center;background-image:url(/static/media/background_opt.feb26c18.jpg)}.character-container .comics-list figure{display:flex;flex-direction:column;height:250px;margin:10px auto;position:relative}.character-container .comics-list figcaption{background-color:rgba(46,46,46,.5);font-weight:bolder;color:#fff;height:250px;width:160px;text-align:center;display:none;padding:0 5px;flex-direction:column;justify-content:center;position:absolute}.character-container .comic-item{margin:10px}.character-container .comics-list img{height:250px;width:160px;object-fit:contain;box-sizing:border-box}.character-container .comics-list figure:hover>figcaption{display:flex;cursor:pointer}.homeContainer{margin-top:120px;background-image:url(/static/media/background_opt.feb26c18.jpg);background-size:cover;height:calc(100vh - 200px);text-align:center;overflow:hidden}.homeContainer h1{color:#fff;margin:60px}.chooseContainer{display:flex;justify-content:space-around;align-items:center;margin:80px}.navBoxContainer:first-child{background-image:linear-gradient(rgba(10,10,10,.5),rgba(10,10,10,.5)),url(/static/media/characters_opt.986e47a3.jpg)}.navBoxContainer:first-child,.navBoxContainer:last-child{display:flex;justify-content:center;align-items:center;width:600px;height:200px;border:2px solid #fff;text-decoration:none;color:#fff;margin-left:20px;font-size:20px;font-weight:600;padding:20px 0;background-size:cover}.navBoxContainer:last-child{background-image:linear-gradient(rgba(10,10,10,.5),rgba(10,10,10,.5)),url(/static/media/comics_opt.416a68a1.jpg)}.navBoxContainer:hover h2{text-shadow:1px 1px 2px pink}.navBoxContainer:first-child:hover{background-image:linear-gradient(rgba(10,10,10,.2),rgba(10,10,10,.2)),url(/static/media/characters_opt.986e47a3.jpg)}.navBoxContainer:last-child:hover{background-image:linear-gradient(rgba(10,10,10,.2),rgba(10,10,10,.2)),url(/static/media/comics_opt.416a68a1.jpg)}
/*# sourceMappingURL=main.f0bd9300.chunk.css.map */