*{margin:0;padding:0}body{background-color:#0b0a08}.header .bg img{height:550px;width:100%}.search-bar{align-items:center;display:flex;margin:0 auto;width:80%}@media screen and (max-width:900px){.search-bar{flex-direction:column}}.header .search{grid-gap:1rem;background-color:initial;border:1px solid #b41f23;border-radius:10px;color:#fff;display:grid;font-size:1.2rem;grid-template-columns:1fr 1fr;margin:5vw auto;padding:1rem 0;text-align:center;width:50%}@media screen and (max-width:900px){.header .search{width:100%}}.content{grid-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr);margin:3rem auto;width:80%}@media screen and (max-width:1200px){.content{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:900px){.content{grid-template-columns:repeat(2,1fr)}}.card{border:.5em solid #b41f23;color:#fff;margin-top:3rem;padding:1.5px;position:relative}.card:hover{box-shadow:0 5px 5px 5px hsla(0,0%,100%,.2);cursor:pointer}p{align-items:center;color:#fff;display:flex;font-size:25px;justify-content:center;text-align:center}.card img{height:75%;width:100%}.card .title{align-items:center;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;padding:2vh 1rem;text-align:center}@media screen and (max-width:900px){.card .title{font-size:1rem;padding:0}}.box-content{align-items:center;background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.7)),url(/static/media/marvel.7a7854574b93b74260eb.jpg);color:#fff;display:flex;font-size:1.3rem;height:100vh;justify-content:space-around;margin:0 auto;text-align:justify;width:100%}.right-box{flex-basis:20%}.left-box{flex-basis:50%}.box-content img{border:1px solid #fff;box-shadow:0 5px 5px 5px hsla(0,0%,100%,.2);height:400px;width:300px}
/*# sourceMappingURL=main.8cd2d441.css.map*/