@import url(https://fonts.googleapis.com/css2?family=Economica&family=Grape+Nuts&family=Roboto:wght@100;300;400;700;900&display=swap);*{font-family:Roboto,sans-serif;margin:0;padding:0}a,h2{color:#fff}a{text-decoration:none}.header{align-items:center;background-color:#101010;box-sizing:border-box;display:flex;height:100px;justify-content:space-between;padding:2rem}.header>img{height:100%}.header>div{margin-left:4vmax;width:100%}.header>div>a{background:#340f0f;border-radius:.7rem;color:#ce0b0b;font-size:1.3rem;font-weight:300;margin:2vmax;padding:.3rem}.header>svg{color:#fff;cursor:pointer;font-size:2rem}.header>svg:hover{color:#d8d8d8}.banner{background-color:#101010;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:600px;justify-content:space-evenly;padding:3rem;position:relative}.banner:after{background:#101010;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.banner h1,.banner p{color:#fff;font-size:3rem;width:40%;z-index:10}.banner p{font-size:1.2rem;font-weight:100;letter-spacing:2px;word-spacing:3px}.banner>div{display:flex}.banner>div button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin:1rem;outline:none;padding:1rem;transition:all .5s;width:150px;z-index:10}.banner>div button:hover{opacity:.6}.banner>div button:nth-child(odd){background-color:#fff;color:#000}.banner>div button:nth-child(2n){background-color:#393939;color:#fff}.banner>div button svg{font-size:1.7rem;margin:0 10px}.row{background-color:#101010;padding:1rem}.row>h2{font-weight:400;margin:.3rem}.row>div{display:flex;overflow-x:auto}.card{cursor:pointer;margin:.3rem;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:200px}.card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.genreBox{background-color:#101010;display:flex;flex:0% 1;height:100px;overflow-x:auto}.genreBox>a{align-items:center;background-color:#fff;border-radius:5px;color:#000;display:flex;justify-content:center;margin:1rem;min-width:10rem;padding:1rem 0;text-align:center;transition:all .5s}.genreBox>a:hover{background-color:#ececec}@media screen and (max-width:600px){.banner{height:500px}.banner h1,.banner p{color:#fff;font-size:1rem;width:80%;z-index:10}.banner p{display:none;font-size:1.2rem;font-weight:100;letter-spacing:2px;word-spacing:3px}.banner h1{font-size:2rem;margin-top:20rem;text-align:center}.banner>div button{padding:.5rem}}
/*# sourceMappingURL=main.b6d534c6.css.map*/