@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600&display=swap);.header{border-bottom:2px solid #888}.header__container{max-width:1250px;width:100%;margin:0 auto;padding:.5rem 1.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.header__logo{letter-spacing:1px;font-size:2.2rem}.header__list{display:-webkit-flex;display:flex}.header__listItem{padding:.5rem}.header__link{text-decoration:none;color:#fff}.header__icon{margin-bottom:-.1rem;font-size:1.2rem}.banner{max-width:1250px;width:100%;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:2.5rem 1.5rem 2rem}.banner__left{width:30%}.banner__img{width:300px;height:auto;object-fit:cover;border-radius:20px;box-shadow:0 5px 12px rgba(0,0,0,.5)}.banner__right{width:60%}.banner__top{-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:2.7rem}.banner__ratingBox,.banner__top{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.banner__title{font-size:2.2rem;letter-spacing:1px}.banner__ratings{font-size:1.1rem}.banner__description{font-size:1.2rem;text-align:justify;margin-bottom:3rem;color:#ddd}.banner__genres{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:3rem}.banner__genre{color:#daa520;border:1px solid #daa520;padding:.3rem 1rem;border-radius:30px;margin-right:1.5rem;font-size:1.07rem}.banner__btn{outline:none;border:none;padding:.8rem 1.5rem;font-weight:600;font-size:1.2rem;border-radius:30px}.banner__playIcon{margin-right:.4rem;vertical-align:middle}.banner__icon{font-size:1.7rem;margin-right:.1rem;color:#daa520}.movies{max-width:1250px;width:100%;padding:.5rem 1.5rem;margin:2rem auto}.movies__row{position:relative;display:-webkit-flex;display:flex;overflow-x:scroll;margin:1.3rem 0}.movies__row::-webkit-scrollbar{display:none}.movies__rowTitle:not(:first-child){margin-top:4rem}.movies__gradient{position:relative;right:0;top:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,#000)}.movie{margin-right:1.5rem;background-color:#323b48}.movie,.movie__img{border-radius:10px;width:230px}.movie__img{height:auto;min-height:345px;object-fit:cover;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 2px 7px rgba(0,0,0,.4)}.movie__bottom{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;padding:.4rem .5rem .7rem}.movie__title{-webkit-flex:0.8 1;flex:0.8 1}.movie__rating{-webkit-flex:0.1 1;flex:0.1 1}.searchMovie{max-width:1250px;width:100%;margin:0 auto;padding:.5rem 1.5rem;position:relative}.searchMovie__title{text-align:center;margin-bottom:1.5rem;margin-top:.5rem}.searchMovie__results{margin:2rem 0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3rem;gap:3rem}.searchBox{width:100%;background-color:hsla(0,0%,100%,.2);padding:.4rem .6rem;border-radius:7px}.searchBox__form{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.searchBox__icon{font-size:1.2rem;min-width:25px}.searchBox__input{-webkit-flex:1 1;flex:1 1;padding:.3rem .5rem;margin-right:.2rem;text-indent:5px;border:none;outline:none;background:transparent;font-size:1.07rem;color:#fff}.searchBox__input::-webkit-input-placeholder{color:#fff}.searchBox__input:-ms-input-placeholder{color:#fff}.searchBox__input::placeholder{color:#fff}.searchBox__btn{padding:.5rem 1rem;border-radius:20px;outline:none;border:none;font-weight:600}.signin{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.signin__box{background:hsla(0,0%,100%,.2);padding:2rem 1rem;border-radius:10px;min-width:300px}.signin__heading{text-align:center;margin-bottom:1.5rem}.signin__label{display:block}.signin__input{margin:.3rem 0 1rem;width:100%;padding:.4rem .5rem;outline:none;font-size:1.04rem}.signin__btn{display:block;margin:0 auto;padding:.5rem 1rem;border-radius:10px;border:none;font-weight:600}.signin__newUser{margin-top:1.2rem}.signin__link{color:#daa520;text-decoration:none}.singleMovie{max-width:1250px;width:100%;padding:.5rem 1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:3rem auto 0}.singleMovie__left{width:45%;position:-webkit-sticky;position:sticky;top:0;height:100vh}.singleMovie__right{width:50%}.singleMovie__img{width:100%;height:90vh;object-fit:cover;border-radius:20px;box-shadow:5px 10px 20px rgba(0,0,0,.7)}.singleMovie__title{font-size:3rem;letter-spacing:3px}.singleMovie__tagline{margin-top:.6rem;letter-spacing:1px;font-size:1.2rem;color:#ddd}.singleMovie__ratingBox,.singleMovie__runtime{margin-top:1.4rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#daa520}.singleMovie__icon{font-size:1.7rem;margin-right:.7rem}.singleMovie__duration{font-size:1.2rem;letter-spacing:1px}.singleMovie__release{color:#daa520;-webkit-align-items:center;align-items:center}.singleMovie__genres,.singleMovie__release{margin-top:1.4rem;display:-webkit-flex;display:flex}.singleMovie__genre{padding:0 1rem;border-right:1px solid #aaa;color:#daa520}.singleMovie__genre:first-child{padding-left:0}.singleMovie__genre:last-child{border:0}.singleMovie__overview{margin-top:1.4rem;color:#ddd;text-align:justify;font-size:1.05rem}.singleMovie__btn{outline:none;border:none;padding:.9rem 1.5rem;font-weight:600;font-size:1.2rem;border-radius:30px;margin-top:1.4rem}.singleMovie__playIcon{margin-right:.4rem;vertical-align:middle}.singleMovie__similar{margin-top:2rem}.singleMovie__similarTitle{text-align:center;letter-spacing:1px;font-size:1.5rem}.singleMovie__similarMovieDiv{margin-top:1.4rem}.singleMovie__similarMovieRow{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem;border-radius:5px;color:#ddd;background-color:hsla(0,0%,100%,.08)}*{padding:0;box-sizing:border-box;font-family:"Roboto Slab",serif}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-color:#222831;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{list-style:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.34b75784.chunk.css.map */