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}body{background-color:#121212}.hero{height:100vh;width:100%}.hero-con{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;position:relative;width:100%}.hero-svg{align-self:flex-end;-webkit-animation:svg .9s infinite;animation:svg .9s infinite}.hero-img{image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:cover;z-index:-1}.hero-img,.hero-txt-con{height:100%;position:absolute;width:100%}.hero-txt-con{align-items:center;display:flex;justify-content:flex-end;text-align:center;z-index:1}.hero-txt-holder{text-align:center;width:100%}.hero-txt-holder>h1{color:#fff;font-family:Poppins,sans-serif;font-size:5rem;font-weight:500;line-height:1.2;margin:.25rem 0;text-transform:uppercase;width:100%}.hero-txt-holder>p{font-size:1.5rem;font-weight:300}.hero-btn,.hero-txt-holder>p{color:#fff;font-family:Montserrat,sans-serif}.hero-btn{background-color:transparent;border:2px solid #fff;cursor:pointer;padding:1rem 3.25rem;transition:all .3s ease-in-out}.hero-btn:hover{background-color:rgba(0,0,0,.5)}.faction-section{height:100vh;width:100%}.faction-holder{background-color:rgba(0,0,0,.5);height:100%;justify-content:flex-end;position:relative;width:100%}.faction-holder,.faction-text{align-items:center;display:flex}.faction-text{height:50%;justify-content:flex-start;width:45%}.faction-text-holder{height:100%;width:90%}.faction-text-holder>h1{font-size:3rem;font-weight:500;margin:0 auto;text-align:left}.faction-text-holder>h1,.faction-text-holder>p{color:#fff;font-family:Montserrat,sans-serif;width:100%}.faction-text-holder>p{font-size:1.125rem;line-height:1.8;margin:1rem auto}.faction-img{height:100%;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:cover;position:absolute;width:100%;z-index:-1}.btn-holder{width:80%}.character-section{height:100vh;width:100%}.character-container{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:flex-start;position:relative;width:100%}.character-img{height:100%;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:cover;position:absolute;width:100%;z-index:-1}.character-text{align-items:center;display:flex;height:80%;justify-content:center;width:50%}.character-text-holder{width:80%}.character-text-holder>h1{color:#fff;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:500}.character-text-holder>p{color:#fff;font-family:Montserrat,sans-serif;font-size:1.125rem;line-height:1.8;margin:1rem auto}.comic-section{height:100vh;width:100%}.comic-con{align-items:center;background-color:rgba(0,0,0,.65);display:flex;justify-content:center;position:relative}.comic-con,.comic-img{height:100%;width:100%}.comic-img{image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;object-fit:cover;position:absolute;z-index:-1}.comic-text{align-items:center;display:flex;height:100%;justify-content:center;width:50%}.comic-text-holder>h1{font-size:5rem;font-weight:500;margin:0}.comic-text-holder>h1,.comic-text-holder>p{color:#fff;font-family:Montserrat,sans-serif;text-align:center}.comic-text-holder>p{font-size:1.125rem;line-height:1.8;margin:1rem auto}.btn-holder{align-items:center;display:grid}@-webkit-keyframes svg{0%{margin-top:0}10%{margin-top:.1rem}20%{margin-top:.2rem}30%{margin-top:.3rem}40%{margin-top:.4rem}50%{margin-top:.5rem}60%{margin-top:.6rem}70%{margin-top:.7rem}80%{margin-top:.8rem}90%{margin-top:.9rem}to{margin-top:1rem}}@keyframes svg{0%{margin-top:0}10%{margin-top:.1rem}20%{margin-top:.2rem}30%{margin-top:.3rem}40%{margin-top:.4rem}50%{margin-top:.5rem}60%{margin-top:.6rem}70%{margin-top:.7rem}80%{margin-top:.8rem}90%{margin-top:.9rem}to{margin-top:1rem}}@media screen and (min-width:750px) and (max-width:1100px){.hero{height:100vh}.hero-txt-con{margin:auto;width:80%}.hero-txt-holder{height:auto;width:100%}.hero-txt-holder>h1{font-size:2.5rem;font-weight:500;margin-top:1rem}.hero-txt-holder>p{font-size:1.125rem}.faction-text{height:100%;width:100%}.faction-text-holder{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:90%}.character-section{height:100vh;width:100%}.text-holder-char{margin:2rem auto;width:90%}.character-holder{flex-direction:column-reverse}.comic-section{min-height:100vh}.comic-container{flex-direction:column}.character-text,.comic-text{height:auto;line-height:normal;width:90%}.comic-text h1{font-size:2.25rem;font-weight:500}.comic-text-holder p{font-size:.975rem}}@media screen and (min-width:400px) and (max-width:749px){.hero{height:100vh}.hero-txt-con{margin:auto;width:80%}.hero-txt-holder{height:auto;width:100%}.hero-txt-holder>h1{font-size:2.5rem;font-weight:500;margin-top:1rem}.hero-txt-holder>p{font-size:1.125rem}.faction-text{height:100%;width:100%}.faction-text-holder{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:90%}.character-section{height:100vh;width:100%}.text-holder-char{margin:2rem auto;width:90%}.character-holder{flex-direction:column-reverse}.comic-section{min-height:100vh}.comic-container{flex-direction:column}.character-text,.comic-text{height:auto;line-height:normal;width:90%}.comic-text h1{font-size:2.25rem;font-weight:500}.comic-text-holder p{font-size:.975rem}}@media screen and (min-width:250px) and (max-width:399px){.hero{height:100vh}.hero-txt-con{margin:auto;width:80%}.hero-txt-holder{height:auto;width:100%}.hero-txt-holder>h1{font-size:2.5rem;font-weight:500;margin-top:1rem}.hero-txt-holder>p{font-size:1.125rem}.faction-text{height:100%;width:100%}.faction-text-holder{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:90%}.character-section{height:100vh;width:100%}.text-holder-char{margin:2rem auto;width:90%}.character-holder{flex-direction:column-reverse}.comic-section{min-height:100vh}.comic-container{flex-direction:column}.character-text,.comic-text{height:auto;line-height:normal;width:90%}.comic-text h1{font-size:2.25rem;font-weight:500}.comic-text-holder p{font-size:.975rem}}.navbar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:hsla(0,2%,9%,.8);width:100%}.wrapper{height:100%;justify-content:space-between;width:100%}.links,.wrapper{align-items:center;display:flex}.links{justify-content:flex-end}.nav-links{color:#fff;display:inline-block;font-size:.5rem;font-style:normal;list-style:none;margin:0 1.25rem;text-decoration:none}.nav-links,.nav-links>h1{font-family:Montserrat,sans-serif;font-weight:300}.nav-links>h1{text-shadow:0 1px 10px rgba(0,0,0,.59)}.navbar label{color:#fff;cursor:pointer;font-family:Anton,sans-serif;font-size:1.5rem}.label-link{border-bottom:2px solid hsla(0,0%,100%,.2);border-right:2px solid hsla(0,0%,100%,.2);text-decoration:none}.active{text-decoration:underline}.hamburger-btn{background-color:#0000;color:#fff;display:none;margin:0 1rem}.expanded-menu{-webkit-animation:expand .5s forwards;animation:expand .5s forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:red;background-color:hsla(0,2%,9%,.8);display:none;position:relative;width:100%;z-index:1000}.menu-active{display:block}@-webkit-keyframes expand{0%{height:0;opacity:0}to{height:150px;opacity:1}}@keyframes expand{0%{height:0;opacity:0}to{height:150px;opacity:1}}@media screen and (min-width:750px) and (max-width:1100px){.navbar{overflow-x:hidden}.navbar label{font-size:1.25rem}.nav-links{display:none}.expanded-links{text-align:center;width:100%}.expanded-links>ul{padding:0}.expanded-nav-links{color:#fff;display:block;font-size:.675rem;text-decoration:none}.expanded-nav-links>h1{font-family:Montserrat,sans-serif;font-weight:300}.hamburger-btn{display:block}}@media screen and (min-width:250px) and (max-width:769px){.navbar{overflow-x:hidden}.wrapper{justify-content:space-evenly}.navbar label{font-size:1.25rem}.nav-links{display:none}.expanded-menu{position:relative}.expanded-links{position:absolute;text-align:center;width:100%;z-index:1000000}.expanded-links>ul{padding:0}.expanded-nav-links{color:#fff;display:block;font-size:.675rem;text-decoration:none}.expanded-nav-links>h1{font-family:Montserrat,sans-serif;font-weight:300}.hamburger-btn{display:block}}.search-bar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAk1BMVEX///8rAAAAAAApAAAmAAAnAAAbAAAkAAAhAAAdAAAQAAAZAAAWAAANAAAgAAATAAD29PTl4uLX09Pv7OzJw8OwqKiZjo5wYGBlVFR2Z2fOycm/uLiLf39bSEhTPj76+fmon59+cHDh3d1KMzM4GRk9ISE1ExOflZVIMDBzZGS6s7OFeHiSh4dPOjprWVlDKSkzDAxBj7VyAAAJvklEQVR4nO2dZ3fzKgyAX+PEG+/s5awmzWjy/3/dTZcBG7tJY4FvD8/HntRCNkhCgPj3T6FQKBQKhUKhUCgUCoVCoVAoFGIIk2gV31hFyUJ2WxomSrPj7Go4COEPEA6sy2DaG4eyW9YAYXqauchxfVPXaPSuZXsYvQyyWHYTnyHerZFjmFo1uuVi562XyG7pr4inV2R0arTLsTw0z/5vSobZBtn6z8p9Y7pomMpu9AOsRtjt3q/el5JY2/1PLM94hvxH1ftAd9H0f9BZ4zmqMy0/YKNjy79jNHxGv08d+7KVqGExfVa/d1xzIluRKiamUd92vdsxb3T0eiuro1krh2P4hiob3vFdB2P/5XKeDWez9VZzb4GbYVX+3kSZbHXKpHaFATVdjNbLLF3RJmSRxJPdQEOOXRET4FnbLM6R+wF1H7vDmsjzFrXukccdu1bQqgggXHu8RmL7OP7xf5PDkKukjk4CWn4nsVtuoe7i0c/qfbLonXlBgjMDbfUDHMo9tONo2UMDabVEZUNsb9thU3eo2LIuvjzu0sJTUNLRNFYADX6UaVFBPdj8zmUvTqW+2sXyJ8hLXOxaXvbrhyUjVPAeOrp3MEOxdIotWj6VZYovQbtUPBa+oKE93Z5d4TPqSGZH7RcURMsGHrraugUV5ZmbHmtkOqihScGSfW7XkuU0xmxD7G3U1JMLHtbcNPXgx0gw0wyvyQikECXZbw0++362TCPwsdGHJxuLebqMif+IiUAazz0s1jbzfPE+48AMQrRrXsKcVlG3RM8XE8ZPwEzJz3QM5w8hRNQwpwch1Ci50GMR92CEVNCjP2HQrJEhhBod3jgivWJIR6M23EQ1oh2SL9JlDKgR0oF0x0xQgcRlbmJGbmORDI8d1Vu6L5CSGC7U8EAHWFkzytoEGaysnANlZuwRsLDQIENRNwTtcHihZOrg0lJqSLhigrcDNTREDH7arGEhH/FKPqE/ECAv9IhAFyA6LDGhRqEjJFjskdSN7guQR8Vrnog3emNLNgUE8LHbigx83QSX9gllbLpbcGlHX+T7/OJM+g185o2MQl2DlpUzJlL9JtJ5dRzIqH8it/0wVBTlAYsakv6CgUXRUD7Ygd3HEJIxb09BJRUgWxstWB9MdVLYOUWRE8l7wfad1zzSN8+ggopEpPM4oJEiWa73xKZN/u1zWwM6PGJitZHg7F6WL9eAOn0ixpwDiuFBdVMEmJIivsLN4KTwIcFpAOgvyD4t8Wt60zwFbsNttCE9RVjQTUhzpw84Qia5NzTFL3dRwYYLJmSXu10hc+0CWzJEwIKNUe7vHQkbJCjpYD7/kpszSINdxS53VXCGnEx+4UZCNcTUgBnTMI9oOmKD0k9I/sSCsnPEWQDPYPiE8O6C5BIAfW4NuaXRoZZoyECQ4Szo1QQoM0Cmv6KnTp+c8wkUApLQy2eHkLFvNSTuR0DLF2TuBDvNroK4fCh3rDSERmn4PJSlkaIhvKU55BrK8RZkXQ/KW8j2+Jvc40OtXciO2vLMvn4FkkBF3q9AIuoQEHmT2ZPwbOk75AXDZYnIllYbSkQN1AwYLK+/lZrFyARkMV6lZqKWeRIFLuDoG/BvsRoqDwaWTSQZYQlpDCojDLeUT2X1u2BCqiCGBjIPRpaaxa/MkHVuyCVSmatrFyGrayTtbIo+Z52IWSGVuMpNpm5gucQPyMYd0RMoMnXyoY53fPBGdpuI7aaJqN0mZBIseMdQnzLjoDuhqVdpCJ0javns1wQ+4jUjO/cCWEkM1NbrAPiABzFpAjfQMltoHeDt+gtqE7S4QzrUMSQL+ggLNYfRHOD+QqDGBgaft1GvU9g26LHYjrMmG5JFnbTaU3ugBQx+akOy7go5pEOfJBMikaq2ZkNvnH9n4ROBYpwwdUhHwOmHm22jTq0LivdJfCHiWCd9UFZUHNWjjue5oIH+O9T7FHSS7MaGKr8KfQJxQPVRUSfJ2GOdugeaHKYP/gs4sJozpI4fm3tAQeypcYE7QBJasAGXO03oasuW0Dn3jq7IhcEs3IauviF4rWTPyM5ghMzp4iYYSEgVEVueBiRaHNI1fizhS5Y9DK3ikC5qBmyy+Q1gqxxlTT9/xlRtE2lHc65M2fWGC0WFe+YFBkIPO37DDkUNN5leiK5MqS9fUq3WlFXRXTcWNaZs7cSOJutOk0JtVtNuKIdyYp+rB0KTzwxHtrZnM8WNk3Oh7LLU4pejQrVR7/L0ymkPF8ouY7llr98K77vz5GeM5qWatrJvEhgUvqLmar93XdyrB2TsbGEYFV+6js+/bFNm8K4ekFmh9ZNSMWjNRPPHdVxkvse/SkBehdZvsnLFchPtH0v5Jye3Qr/3p8GXbPmB1CnfcNAJnOndvWsyREbdnReAZf3uJHrhDSAbbft3KJkuDeenq008Eannel5Lg/GdroHM5aE6IlnE2RA5/h0XQ2Ep+64ZDkVH/YXue8gc9g9xwVpE495x7WHOrQp8pEyfWJKSryZamoaHEb7OZ2+vo9FgONubCDmeX3lnWafoZDXJsdsXvaD+Jiu9Y5rWDdPs1vdLZz12S3/UXdk+40b42sRtSLaTFZJ5n5ibNtwLGa/xwxeusVhft3Zdyu/Kl7F/vsxkg++6ErBKv8GX5Y04xtkF36VwH5P9b/uqjV6JZzlwVITLPT/IeFYfonDpeJi9OW/qlH8EXQ/2fqJTBz9yRaBuoHMp5frGCZSkX1lCkY48fN81lqaLXvq8wGdtlX6rY3k5Gw7pdIM8v9a4moaD5ruK6HWhcSJ6rWXXlUWH5RZjzzaLeuqmZQTInffTGi8XBeVOYK3Ftf5ewvhwetu77/cdO04QOBgjhLTZaDf5scfFHINqyLns4g4W0Soep5M0HceruwMwns9wpKT4wThx4nmYxTxpjMpBuMj68yKYlx2rjmWn3xpl8VIOArvCrywBJeFk4cyL7FY1Cs9n2KJvZYFlwlER7GYUOex4PiOT3apGWXKucm1B+q1JZjZHxT/lMwqXoH26RaMF6bfmSDhpA/lLNo2y4hhUWdtQgEg5KrZgyaZJMl76TfYyf7MceesZrUm/NcKQl35rwZJNg3CS/X/MZ4R6OXUHupdePFF5W4QWtCXZ3wxjjkH9Y+Fbr6yilLpVgJzKSzZtWs5ogkEp/Sa8EAk059KSzR8bif8W1+KSjdgKDwKIiuk3XdLl5HCU0m8yKsjBUlyykVM0FpQ+m36TU1IVliOjoowaeeAsaRW9vzVN/KJPReF/bJb4Tep9Z1G7UGVpZRMu0ceOlu4fWzOliY4mwuj6dxV8J4pbtYtIoVAoFAqFQqFQKBQKhUKhUChaz38zYIB15fkSFgAAAABJRU5ErkJggg==);background-position:100%;background-repeat:no-repeat;background-size:25px;border:2px solid #fff;border-radius:25px;font-family:Poppins,sans-serif;padding:.5rem 1rem;width:225px}@media screen and (min-width:750px) and (max-width:1100px){.search-bar{font-size:16px;width:275px}}@media screen and (min-width:400px) and (max-width:749px){.search-bar{font-size:16px;margin:.5rem 0;width:200px}}@media screen and (min-width:250px) and (max-width:399px){.search-bar{font-size:16px;width:150px}}.hero-banner{background-image:url(https://wallpapercave.com/wp/wp4920103.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);height:75vh;margin:3rem auto;width:75%}.hero-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.hero-container h1{color:#fff}.hero-container h1,.hero-container span{font-family:Anton,sans-serif;font-size:2.5rem;font-weight:500;letter-spacing:5px;text-shadow:2px 2px 3px #000}.hero-container span{color:#ff0800}.char-banner{min-height:100vh;width:100%}.char-container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-evenly;width:100%}.card{box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;height:320px;margin:1rem;width:200px}.title h1{color:#fff;font-family:Anton,sans-serif;font-size:3.5rem;font-weight:500;letter-spacing:3px;text-align:center}.card-img{align-items:center;display:grid;height:75%;width:100%}.card-img img{box-shadow:0 5px 15px rgba(0,0,0,.35);height:90%;margin:0 auto;object-fit:cover;overflow-y:hidden;width:90%}.card-text{align-items:center;background-color:#171616;color:#fff;display:grid;font-family:Lora,sans-serif;font-size:1.1rem;font-weight:500;height:25%;width:100%}.btn-holder,.card-text{margin:auto;text-align:center}.btn-holder{width:90%}.page-btn{background-color:#171616;border:2px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-family:Anton,sans-serif;margin:.75rem;padding:.75rem}@media screen and (min-width:371px) and (max-width:750px){.card{height:275px;width:150px}.card-text{font-size:.875em}.hero-banner{width:100%}.hero-container h1,.hero-container span{font-size:1.75rem}}@media screen and (min-width:300px) and (max-width:370px){.card{height:225px;width:145px}.hero-banner{width:100%}.hero-container h1,.hero-container span{font-size:1.75rem}.card-text p{font-size:.9rem;font-weight:700}}.loader{height:75vh;width:100%}.loader-con{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.loader-con>img{height:175px;width:175px}.loader-con>p{color:#fff;font-family:Poppins,sans-serif;font-size:1.125rem}@media screen and (min-width:250px) and (max-width:399px){.loader-con>p{font-size:.825rem}}@media screen and (min-width:400px) and (max-width:700px){.loader-con>p{font-size:1rem}}.details-banner{background-position:50%;background-repeat:no-repeat;background-size:contain;height:75vh;margin:3rem auto;object-fit:cover;width:75%}.details-container{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;width:100%}.name{background-color:#ff0800;font-family:Anton,sans-serif;font-size:2.5rem;font-weight:500;letter-spacing:3px;text-transform:uppercase}.description-con,.name{color:#fff;padding:1rem}.description-con{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);font-family:Poppins,sans-serif;font-size:1.25rem;height:auto;line-height:1.6;margin:auto;text-transform:capitalize;width:75%}.description-con h1{color:#fff;font-family:Anton,sans-serif;font-weight:500}.comics-banner{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);margin:auto;min-height:auto;padding:1rem;width:75%}.comics-title{height:auto;text-align:left;width:100%}.comics-title h1{color:#fff;font-family:Anton,sans-serif;font-weight:500;letter-spacing:3px;margin:2rem 0}.comics-list{width:100%}.comics h1{color:#fff;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500}@media screen and (min-width:250px) and (max-width:700px){.name{font-size:1.75rem}}.comic-hero{background-image:url(https://www.hdwallpapers.in/download/miles_morales_fan_art_2-HD.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);height:75vh;margin:3rem auto;width:75%}.comic__container{justify-content:center;text-align:center}.comic__container h1{color:#fff;font-family:Anton,sans-serif;font-size:3.5rem;font-weight:500;text-shadow:2px 2px 3px #000}.comic__banner{min-height:100vh;width:100%}.comic__container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-evenly;width:100%}.comic__card{box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;height:320px;margin:1rem;width:200px}.comic__card__img{align-items:center;display:grid;height:75%;width:100%}.comic__card__img img{box-shadow:0 5px 15px rgba(0,0,0,.35);height:90%;margin:0 auto;object-fit:cover;overflow-y:hidden;width:90%}.comic__card__text{align-items:center;background-color:#171616;color:#fff;display:grid;font-family:Lora,sans-serif;font-size:.84rem;font-weight:700;height:25%;margin:auto;text-align:center;width:100%}@media screen and (min-width:371px) and (max-width:750px){.comic-hero{width:100%}.comic__card{height:275px;width:150px}.comic__banner{width:100%}.comic__card__text p{font-size:.675rem;font-weight:500}.comic__container h1{font-size:2.75rem}}@media screen and (min-width:300px) and (max-width:370px){.comic-hero{width:100%}.comic__card{height:275px;width:150px}.comic__banner{width:100%}.comic__card__text p{font-size:.75rem;font-weight:500}.comic__container h1{font-size:2.75rem}}.comic__detail__banner{background-position:50%;background-repeat:no-repeat;background-size:contain;height:75vh;margin:3rem auto;object-fit:cover;width:75%}.comic__details__container{align-items:flex-end;display:flex;height:100%;justify-content:center;width:100%}.comic__title{background-color:#ff0800;color:#fff;font-family:Anton,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:3px;padding:1rem;text-transform:uppercase}.comic__description{color:#fff;font-family:Poppins,sans-serif;font-size:1.15rem;line-height:1.6;text-transform:capitalize}.comic__description,.comic__price__con{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);height:auto;margin:auto;padding:1rem;width:75%}.comic__description h1,.comic__price__con h1{color:#fff;font-family:Anton,sans-serif;font-weight:500;text-decoration:underline}.comic__price__con p{color:#fff;font-family:Poppins,sans-serif;font-size:1.15rem;line-height:1.6;text-transform:capitalize}.characters__involved__banner{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);margin:auto;min-height:auto;padding:1rem;width:75%}.chrs__tile{height:auto;text-align:left;width:100%}.chrs__title h1{color:#fff;font-family:Anton,sans-serif;font-weight:500;letter-spacing:3px;margin:2rem 0;text-decoration:underline}.chr__name{color:#fff;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:500}.comics__creators{box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);margin:auto;min-height:auto;padding:1rem;width:75%}.creator__header{height:auto;text-align:left;width:100%}.creator__header h1{color:#fff;font-family:Anton,sans-serif;font-weight:500;letter-spacing:3px;margin:2rem 0;text-decoration:underline}.not-fnd{color:#fff;font-family:Poppins,sans-serif;font-size:1.25rem}.error-section{height:75vh;width:100%}.error-con{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.error-txt{text-align:center}.error-txt>h1{color:#ff0800;font-family:Poppins,sans-serif;font-size:2.25rem;margin:0}.error-txt>p{color:#fff;font-size:1.275rem;margin:0}.search__banner{margin:3rem 0;min-height:100vh;width:100%}.search__container{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:space-evenly;width:100%}.search__card{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;height:320px;margin:1rem;width:200px}.search__card__img{align-items:center;display:grid;height:75%;width:100%}.search__card__img img{box-shadow:0 5px 15px rgba(0,0,0,.35);height:90%;margin:0 auto;object-fit:cover;overflow-y:hidden;width:90%}.search__card__text{font-size:1.1rem;font-weight:500;width:100%}.search__card__comic__text,.search__card__text{align-items:center;background-color:#171616;color:#fff;display:flex;font-family:Poppins,sans-serif;height:25%;justify-content:center;margin:auto;text-align:center}.search__card__comic__text{font-size:.75rem;font-weight:700;width:90%;width:100%}.card-link{text-decoration:none}@media screen and (min-width:371px) and (max-width:750px){.search__card{height:275px;width:150px}.search__banner{width:100%}.search__card__text p{font-size:.9rem;font-weight:700}.search__card__comic__text{font-size:.575rem;font-weight:500}}@media screen and (min-width:300px) and (max-width:370px){.search__card{height:225px;width:145px}.search__banner{width:100%}.search__card__text p{font-size:.9rem;font-weight:700}.search__card__comic__text{font-size:.5rem;font-weight:500}}.discover-heading{background-color:rgba(0,0,0,.75);border-radius:10px;color:#fff;font-family:Poppins,sans-serif;font-size:3.5rem;padding:.75rem}.custom{height:85vh;width:100%}.section-title{font-family:Poppins,sans-serif;font-size:1.75rem;height:auto;margin:2rem auto;padding:.75rem;text-align:center;width:75%}.news{height:75vh;width:100%}.news-container{height:100%;justify-content:space-evenly;width:100%}.news-card,.news-container{align-items:center;display:flex}.news-card{background-image:url(https://pbs.twimg.com/media/FUYEiRlUsAABsTn.jpg:large);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:400px;justify-content:center;transition:all .2s ease-in;width:400px}.news-card:hover{margin-bottom:1rem}.card1{background-image:url(https://pbs.twimg.com/media/FUYEiRlUsAABsTn.jpg:large);background-position:50%;border-top-right-radius:20px}.card1,.card2{background-repeat:no-repeat;background-size:cover}.card2{background-image:url(https://pbs.twimg.com/media/FYZLNKvWQAQZHCU?format=jpg&name=small);border-top-left-radius:20px}.card3{background-image:url(https://m.media-amazon.com/images/M/MV5BMzZiOTE5ZmQtZGNmYy00MzU3LTgwYzAtNTNhN2ZkY2U1ZWM1XkEyXkFqcGdeQXVyNzEzNjU1NDg@._V1_.jpg);background-position:50%;border-top-right-radius:20px}.card3,.card4{background-repeat:no-repeat;background-size:cover}.card4{background-image:url(https://pbs.twimg.com/media/FS-8x7TVIAAe8Ra?format=jpg&name=medium);background-position:bottom;border-top-left-radius:20px}.news-card-text{align-self:flex-end;text-align:left;width:75%}.news-card-text>p{color:#fff;font-family:Poppins,sans-serif;font-size:1.75rem;text-shadow:2px 2px #000}.trailer-section{height:75vh;margin-bottom:5rem;width:100%}.trailer-con{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.trailer-title{font-family:Poppins,sans-serif;font-size:1.75rem;height:auto;margin:.5rem auto;text-align:center;width:75%}@media screen and (min-width:400px) and (max-width:749px){.section-title{font-size:1.25rem;width:auto}.news{height:auto}.news-container{flex-direction:column}.news-card{border-radius:0;margin:1rem 0;width:350px}.trailer-title{font-size:1.25rem;margin:0;width:auto}.trailer-iframe{height:400px;width:350px}.news-card-text>p{font-size:1.5rem}}@media screen and (min-width:250px) and (max-width:399px){.section-title{font-size:1.175rem;width:auto}.news{height:auto}.news-container{flex-direction:column}.news-card{border-radius:0;margin:1rem 0;width:300px}.trailer-title{font-size:1.25rem;margin:0;width:auto}.trailer-iframe{height:350px;width:300px}.news-card-text>p{font-size:1.35rem}}.roster-section{min-height:50vh;width:100%}.faction-bg-img{height:100%;object-fit:cover;position:absolute;width:100%;z-index:-1}.roster-container{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-between;position:relative;width:100%}.roster-list{height:100%;width:25%}.roster-info{height:100%;position:absolute;width:100%;z-index:-1}.roster-info-container{align-items:center;background-color:rgba(0,0,0,.65);display:flex;height:100%;justify-content:flex-end;position:relative;width:100%}.roster-info-img{height:100%;object-fit:cover;position:absolute;width:100%;z-index:-1}.roster-info-text{float:right;height:75%;margin:0 auto;position:absolute;width:75%}#avenger-faction-name,#faction-name{font-size:5rem}#avenger-faction-name,#faction-hero-name,#faction-name{color:#fff;font-family:Montserrat,sans-serif;font-weight:500;margin:1rem 3rem;text-shadow:0 0 7px rgba(0,0,0,.76)}#faction-hero-name{font-size:2.5rem}#faction-hero-img{display:none;height:90%;object-fit:contain;width:50%}#faction-hero-para{color:#fff;font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:300;margin:1rem 3rem;text-shadow:0 0 7px rgba(0,0,0,.76);white-space:pre-wrap;width:50%}@media screen and (min-width:750px) and (max-width:1100px){.roster-section{min-height:50vh}.roster-info-text{float:right;height:75%;margin:0 auto;position:absolute;width:75%}#faction-name{font-size:2.25rem;margin:0 auto;width:85%}#faction-hero-name{font-size:1.75rem;margin:0 auto;width:85%}#faction-hero-para{font-size:.95rem;line-height:1.5;margin:1rem auto;width:85%}}@media screen and (min-width:400px) and (max-width:749px){.roster-section{min-height:50vh}.roster-info-text{float:right;height:75%;margin:0 auto;position:absolute;width:75%}#faction-name{font-size:2.25rem;margin:0 auto;width:85%}#faction-hero-name{font-size:1.75rem;margin:0 auto;width:85%}#faction-hero-para{font-size:.95rem;line-height:1.5;margin:1rem auto;width:85%}#faction-hero-img{display:none}}@media screen and (min-width:250px) and (max-width:399px){.roster-section{min-height:50vh}.roster-info-text{float:right;height:75%;margin:0 auto;position:absolute;width:75%}#faction-name{font-size:2.25rem;margin:0 auto;width:85%}#faction-hero-name{font-size:1.75rem;margin:0 auto;width:85%}#faction-hero-para{font-size:.95rem;line-height:1.25;margin:1rem auto;width:85%}#faction-hero-img{display:none}}.roster-card{align-items:center;display:grid;height:125px;position:relative;width:100%}.roster-card-title{color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:300;padding:0 1rem;position:absolute;text-shadow:-10px -2px 5px #000;z-index:5}.roster-card-img{object-fit:cover}.roster-card-img,.roster-card:after{height:100%;position:absolute;width:100%}.roster-card:after{background-color:rgba(0,0,0,.35);content:"";left:0;top:0;transition:all .3s ease-in-out;z-index:5}.active,.roster-card:hover:after{background-color:transparent;border-left:5px solid red;cursor:pointer}@media screen and (min-width:400px) and (max-width:749px){.roster-card-title{font-size:1rem;font-weight:500;margin:0 .35rem;padding:0;text-align:left}}@media screen and (min-width:250px) and (max-width:399px){.roster-card-title{font-size:.875rem;font-weight:500;margin:0 .35rem;padding:0;text-align:left}}.footer{background-color:#000;height:auto;position:absolute;width:100%}.footer-container{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0 auto;width:90%}.footer-text>ul>a{color:#fff;cursor:pointer;text-decoration:none}.footer-label{height:auto;margin:2rem 0;width:100%}.footer-label-title{background-color:red;color:#fff;font-family:Anton,sans-serif;font-size:2rem;letter-spacing:2px;margin:.5rem 0;padding:.5rem;width:auto}.footer-text>ul{line-height:1.5;margin:0;padding:1rem 0}.footer-text>ul>a>li{color:#fff;font-size:1.25rem;list-style:none;margin:1rem 0}.footer-text>h3{text-align:center}.company-name{color:#ff4500;font-family:Poppins,sans-serif}@media screen and (min-width:400px) and (max-width:700px){.footer-label-title{font-size:1.5rem}.footer-text>ul>a>li{font-size:1.125rem}}@media screen and (min-width:250px) and (max-width:399px){.footer-label-title{font-size:1.25rem}.footer-text>ul>a>li{font-size:1.1rem}}
/*# sourceMappingURL=main.40985c01.css.map*/