@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;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none}a,h2{color:#fff}a{font-size:medium;text-decoration:none}@media(min-width:800px){.header{align-items:center;background-color:#000;box-sizing:border-box;display:flex;height:100px;justify-content:space-between;padding:1.7rem}.header>.hamburger-menu{display:none}.header>img{height:100%}.header>.search{align-items:center;background-color:#191919;border-radius:3px;display:flex;height:20px;max-width:-webkit-max-content;max-width:max-content;padding:.5rem}.header>.search>svg{color:#fff}.header>.search>svg:hover{cursor:pointer}.header>.search>input{background-color:#191919;border:none;color:#fff;letter-spacing:1.5px;margin-right:10px}.header>.navbar{margin-left:4vmax;width:100%}.header>.navbar>a{font-weight:400;margin:1vmax}.header>.navbar>a:hover{color:#ada9a9}.header>svg{color:#fff;cursor:pointer;font-size:1.5rem;margin-right:1rem}.header>svg:hover{color:#ada9a9}}@media(max-width:900px){.header{align-items:center;background-color:#000;box-sizing:border-box;display:flex;height:100px;justify-content:space-between;padding:1.7rem}.header>img{height:100%}.header>.hamburger-menu{display:block}.header>.navbar,.header>.search,.header>.search>input,.header>.search>svg{display:none}.header>.mobile-navbar{background-color:rgba(0,0,0,.9);border-radius:8px;display:flex;flex-direction:column;justify-content:flex-end;margin-left:10%;margin-top:10rem;width:80%;z-index:99}.header>.mobile-navbar>a{font-weight:400;margin:1vmax}.header>.mobile-navbar>a:hover{color:#ada9a9}.header>svg{display:none}}@media(min-width:800px){.banner{background-color:#000;background-repeat:repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:450px;justify-content:center;padding:3rem;position:relative}.banner:after{background:#000;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.banner p,.banner>h1{color:#fff;font-size:2.5rem;margin-top:30px;width:40%;z-index:10}.banner>p{font-size:1rem;font-weight:300;letter-spacing:1.3px;margin-top:30px;word-spacing:2px}.banner>.btns{align-items:center;display:flex;justify-content:flex-start;z-index:10}.banner>.btns>button{background-color:#eae0e0;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin:1.5rem;outline:none;padding:10px 30px;transition:all .5s}.banner>.btns>button:hover{opacity:.6}.banner>.btns>button:nth-child(odd){background-color:hsla(0,0%,100%,.84);color:#000}.banner>.btns>button:nth-child(2n){background-color:hsla(0,2%,8%,.836);color:#fff}.banner>.btns>button>svg{font-size:1.4rem}}@media(max-width:391px){.banner{background-color:#000;background-repeat:repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;height:350px;justify-content:center;padding:2rem;position:relative}.banner:after{background:#000;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%}.banner p,.banner>h1{color:#fff;font-size:1.4rem;margin-top:33px;width:100%;z-index:10}.banner>p{font-size:1rem;font-weight:300;letter-spacing:1.3px;margin-top:30px;word-spacing:2px}.banner>.btns{align-items:center;display:flex;justify-content:flex-start;z-index:10}.banner>.btns>button{background-color:#eae0e0;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;margin:1rem;outline:none;padding:10px 30px;transition:all .5s}.banner>.btns>button:hover{opacity:.6}.banner>.btns>button:nth-child(odd){background-color:hsla(0,0%,100%,.84);color:#000}.banner>.btns>button:nth-child(2n){background-color:hsla(0,2%,8%,.836);color:#fff}.banner>.btns>button>svg{font-size:1.4rem}}.card{cursor:pointer;margin:.5rem;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:150px}.card:hover{-webkit-transform:translateY(-10px) scale(1.05);transform:translateY(-10px) scale(1.05)}hr{display:none;padding:1rem}.row{background-color:#000;padding:1.2rem}.row>h2{font-size:1.5rem;font-weight:300;margin:.5rem}.genreBox,.row>div{display:flex;overflow-x:auto}.genreBox{background-color:#000;height:90px}.genreBox>a{background-color:#0f0e0e;border:1px solid hsla(0,7%,65%,.664);border-radius:3px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:1rem;min-width:10rem;padding:1rem 0;text-align:center}.genreBox>a:hover{background-color:#191919}
/*# sourceMappingURL=main.6f87ec44.css.map*/