*{margin:0;padding:0}#root,.App,body,html{min-height:10rem;font-size:65.5%}html{font-size:65.5%}@media (max-width:998px){html{font-size:55%}}@media (max-width:768px){html{font-size:35%}}.App{background-color:#000;color:#fff;font-family:sans-serif;font-size:2.3rem}.header{margin:0 2.5rem;padding:.5rem 0;justify-content:space-between}.header,.headerLeft,.headerRight{align-items:center;display:flex}a>span{margin:0 3rem;font-size:2.3rem;cursor:pointer;color:#fff}a>span:hover{color:red}.header__icon{width:8rem;cursor:pointer}.user__avatar{font-size:2rem}.posterImage{height:60rem}.posterImage>img{margin:auto;display:block;width:100%}.posterImage__overlay{position:absolute;padding:5rem;bottom:0;height:70%;display:flex;flex-direction:column;width:100%;justify-content:flex-end;align-items:flex-start;background-image:linear-gradient(transparent,#000);opacity:1;transition:opacity .3s}.posterImage__overlay:hover{opacity:1}.posterImage__title{font-weight:900;font-size:5rem;margin-bottom:.4rem;text-align:left}.posterImage__runtime{font-size:3rem;margin-bottom:2rem}.posterImage__rating{margin-left:4rem}.posterImage__description{font-style:italic;font-size:2rem;margin-bottom:.25rem;display:flex;text-align:left;width:50%}.movie__list{padding:0 3rem 3rem}.list__title{font-size:2.75rem;margin:2.5rem}.list__cards{display:flex;flex-wrap:wrap;justify-content:center}.cards{display:inline-block;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:relative;border-radius:.1rem;overflow:hidden;margin:.19rem;cursor:pointer;min-width:20rem;height:30rem;z-index:0;border:.1rem solid #636363}.cards:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:1000;box-shadow:0 5.4rem 5.5rem rgba(0,0,0,.25),0 -1.2rem 3rem rgba(0,0,0,.12),0 .4rem 6rem rgba(0,0,0,.12),0 1.2rem 1.3rem rgba(0,0,0,.17),0 -.3rem .5rem rgba(0,0,0,.09)}.cards__img{height:30rem}.cards__overlay{position:absolute;padding:0 1rem 1rem;bottom:0;height:29rem;display:flex;flex-direction:column;width:85%;justify-content:flex-end;background-image:linear-gradient(transparent,#000);opacity:0;transition:opacity .2s}.cards__overlay:hover{opacity:1}.card__title{font-weight:900;font-size:1rem;margin-bottom:.4rem}.card__runtime{font-size:.75rem;margin-bottom:.25rem}.card__rating{float:right}.card__description{font-style:italic;font-size:.75rem;margin-bottom:.25rem}.movie{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.movie__intro{width:80%}.movie__backdrop{width:100%;height:500px;object-fit:cover;object-position:0 35%}.movie__detail{align-items:center;width:75%;display:flex;position:relative;bottom:22.5rem}.movie__detailLeft{margin-right:1rem}.movie__poster{width:30rem;border-radius:1rem;box-shadow:0 2.2rem 4rem .6rem rgba(0,0,0,.86)}.movie__detailRight{color:#fff;display:flex;flex-direction:column;height:45rem;justify-content:space-between}.movie__detailRightTop>div{text-shadow:0 0 .5rem #000;margin-bottom:.5rem}.movie__name{font-weight:600;font-size:5rem}.movie__voteCount{margin-left:1rem}.movie__genres{margin:1.25rem 0}.movie__genre{padding:.5rem;border:.2rem solid #fff;border-radius:2rem;margin-right:1rem}.movie__detailRightBottom{margin:2rem 0;flex:0.8 1}.synopsisText{font-size:4.5rem;margin-bottom:1.25rem;font-weight:600;display:flex;position:relative;align-items:center}.synopsisText>div:last-of-type{margin-left:auto}.movie__links{position:relative;bottom:120px;display:flex;justify-content:space-between;width:75%}.movie__heading{font-size:3.2rem}.movie__Button{display:flex;justify-content:center;align-items:center;padding:.8rem 2rem;border-radius:2rem;cursor:pointer;width:15rem;color:#000;font-weight:700}.movie__homeButton{background-color:red}.movie__imdbButton{background-color:#f3ce13}.newTab{margin-left:1.4rem}.movie__production{width:85%;display:flex;justify-content:center;align-items:flex-end;margin-bottom:4rem}.movie__productionComapany{width:20rem;margin:2rem}.productionCompanyImage{display:flex;flex-direction:column;align-items:center;justify-content:center}
/*# sourceMappingURL=main.68a021c8.chunk.css.map */