*{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica,sans-serif}.loading{font-size:50px;font-weight:Helvetica,sans-serif;height:100vh;justify-content:center;width:100vw}.container-all,.loading{align-items:center;background-color:#282c34;color:#fff;display:flex}.container-all{flex-direction:column;font-family:Helvetica,sans-serif}.home{width:80%}.header{align-items:center;font-size:40px;margin:30px 0}.container-movies,.header{display:flex;justify-content:center}.container-movies{flex-wrap:wrap;padding:20px 0}.movie-card{border-radius:10px;cursor:pointer;height:300px;margin:20px;overflow:hidden;position:relative;width:200px}.movie-card:hover>.movie-details{bottom:0}.poster{height:100%;width:100%}.movie-details{background-color:hsla(0,0%,100%,.879);bottom:-100%;color:#000;max-height:50%;overflow:hidden;position:absolute;transition:all .5s ease;width:100%}.movie-title{align-items:center;border-bottom:1px solid rgba(0,0,0,.633);display:flex;font-size:16px;font-weight:600;height:30%;justify-content:center;padding:10px;text-align:center;text-overflow:ellipsis}.movie-description{font-size:12px;max-height:60%;max-width:100%;padding:10px 30px 10px 10px;text-overflow:ellipsis}.movie-rating{background-color:#c50101;border-bottom-left-radius:5px;border-top-left-radius:5px;color:#fff;font-size:12px;padding:5px;position:absolute;right:0;top:50%}.movie-page{align-items:center;background-color:#000;display:flex;font-family:Helvetica;height:100vh;justify-content:center;position:relative;width:100vw;z-index:1}.movie-backdrop{height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:-1}.container-movie{gap:20px}.container-movie,.container-poster{align-items:center;display:flex;justify-content:center}.container-poster{width:40%}.movie-poster{border:3px solid #fff;border-radius:10px;transition:all .5s ease}.movie-poster:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}.container-details{color:#fff;display:flex;flex-direction:column;width:30%}.movie-title-page{font-size:36px;font-weight:600}.tagline{font-size:20px;font-style:italic;margin:20px 0}.overview{font-size:15px;margin-bottom:15px}.container-genres{display:flex;gap:10px;margin-bottom:15px}.genres{background-color:#fff;border-radius:7px;color:#000;font-size:12px;font-weight:600;padding:8px}.button-trailer,.genres{text-transform:uppercase}.button-trailer{background-color:#a40000;border:none;border-radius:10px;color:#fff;cursor:pointer;font:inherit;height:50px;width:100%}
/*# sourceMappingURL=main.b2e5b6fd.css.map*/