@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap";.banner{height:400px;background-color:#101010;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:space-evenly}.banner:after{content:"";width:100%;height:100%;position:absolute;top:0%;left:0%;opacity:.4;padding:3rem;box-sizing:border-box}.banner h1,.banner p{color:#fff;font-size:2rem;font-weight:300;width:40%;z-index:10}.banner p{font-size:1rem;letter-spacing:2px;word-spacing:2px}.banner>div{display:flex}.banner button{padding:1rem;width:150px;background-color:#fff;outline:none;border:none;z-index:10;border-radius:5px;cursor:pointer;margin:1rem;font-size:1rem;transition:all .5s}.banner button:hover{opacity:.6}.banner button:nth-child(odd){background-color:#fff;color:#000}.banner button:nth-child(2n){background-color:#3d3a3a;color:#fff}.banner button svg{font-size:1rem;margin:0 10px}.row{background-color:#101010;padding:.5rem}.row>h2{font-weight:400}.row>div{display:flex;overflow-x:auto;padding:1rem}.card{width:160px;margin:.5rem;cursor:pointer;transition:transform .5s}.card:hover{transform:translateY(-10px) scale(1.05)}.genreBox{overflow-x:auto;display:flex;height:100px;background-color:#101010}.genreBox>a{color:#000;background-color:#fff;padding:1rem 0;margin:1rem;border-radius:5 px;transition:all .5s;min-width:10rem;display:flex;justify-content:center;text-align:center}.genreBox>a:hover{background-color:#ececec}*{margin:0;padding:0;font-family:Roboto,sans-serif}*::-webkit-scrollbar{display:none}a,h2{color:#fff}a{text-decoration:none;font-size:1.2rem;margin:1vmax;font-weight:300}.header{height:100px;background-color:#101010;display:flex;align-items:center;padding:1rem;box-sizing:border-box;justify-content:space-between}.header>img{height:100%}.header>div{width:100%;margin-left:4vmax}.header>a{margin:1vmax}.header>svg{color:#fff;font-size:2rem;cursor:pointer}.header>svg:hover{color:#d8d8d8}