*{padding:0;box-sizing:border-box;scroll-behavior:smooth}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-thumb{background-color:#1f1f1f;border-radius:6px}body::-webkit-scrollbar-track{background-color:#111}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}img{width:100%}.app{background-color:#111}.app__link{color:#fff;cursor:pointer;font-weight:700;border:none;outline:none;padding:8px 24px;margin-top:1em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;transition:all .35s;margin-right:1em;background-color:rgba(51,51,51,.5);border-radius:2px;text-decoration:none}.app__link:hover{background-color:#e6e6e6;color:#000}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.7em 1em;position:fixed;width:100%;z-index:1;transition-timing-function:ease-in;transition:all .3s}.nav__black{background-color:#111}.logo{max-width:100px}.menu{list-style-type:none}.nav-link{color:#e50914;text-decoration:none;font-size:1.1rem;font-weight:700;letter-spacing:1px}.banner{color:#fff;object-fit:contain;height:500px;display:flex;flex-direction:column}.banner__container{padding-left:4em;padding-top:4em;max-width:30em;font-size:1.4rem;position:relative;flex:1 1}.banner__button{color:#fff;cursor:pointer;font-weight:700;border:none;outline:none;padding:8px 24px;margin-top:1em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;transition:all .35s;margin-right:1em;background-color:rgba(51,51,51,.5);border-radius:2px}.banner__button:hover{background-color:#e6e6e6;color:#000}.banner__description{padding-top:1rem;line-height:1.3}.banner__description i{font-size:1rem;color:grey}.banner__container>*{text-shadow:0 4px 12px rgba(0,0,0,.5)}.banner__fadeeffect{height:17rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.3),#111);bottom:0;place-self:end}@media screen and (max-width:500px){.banner{height:300px}.banner__container{padding:2em;font-size:1rem}.banner__title{padding-top:1em;font-size:1.5rem}.banner__description{margin-top:.5em;font-size:.9rem;line-height:1.3}}@media screen and (max-width:720px){.banner__container{font-size:1.2rem}}.row{margin:1.5em;color:#fff}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;padding:1em;max-width:100%}.row__posters::-webkit-scrollbar{display:none}.row__img{object-fit:contain;width:12em;max-height:320px;margin-right:1.5em;transition:all .45s;cursor:pointer}.row__largePoster{max-height:18em}.row__img:hover{transform:scale(1.03);box-shadow:0 3px 12px rgba(0,0,0,.3)}.row__poster{max-height:16em}.poster__info{z-index:1;width:90%;color:#d3c5c5;top:1em;padding:.5em .5em .5em 0}.poster__info-title{font-size:.9rem}.poster__info-overview{font-size:.8rem;margin-top:.5rem;word-wrap:inherit}.row__trailer{z-index:1;height:40%;width:100%;display:grid;align-items:center;padding:1em 4em;overflow:hidden}@media screen and (max-width:400px){.row{margin:.8em}.row__trailer{z-index:4;height:40%;max-width:100%;display:grid;align-items:center;padding:0;overflow:hidden}}.rowloader{margin:1em 2em;display:flex;overflow-x:scroll}.rowloader::-webkit-scrollbar{display:none}.rowloader__fakeposter{background-color:#1f1f1f;min-width:12.3em;min-height:250px;margin-right:1.8em;position:relative;overflow:hidden}.shineposter{height:100%;width:30%;transform:skew(45deg);background-color:rgba(51,51,51,.329);position:absolute;bottom:-55%;left:-55%;-webkit-animation:shine 4s ease .2s 100;animation:shine 4s ease .2s 100}@-webkit-keyframes shine{0%{bottom:-20%;left:-20%}25%{bottom:0;left:0}75%{bottom:80%;left:80%}to{bottom:150%;left:150%}}@keyframes shine{0%{bottom:-20%;left:-20%}25%{bottom:0;left:0}75%{bottom:80%;left:80%}to{bottom:150%;left:150%}}.footer{color:#dcdcdc;background-color:#1f1f1f;padding:1em 0}.footer__container{padding:1em;display:flex;justify-content:space-evenly}@media screen and (max-width:500px){.footer__container{justify-content:space-between}}
/*# sourceMappingURL=main.396e27c4.chunk.css.map */