@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);*{margin:0;padding:0;font-family:"Roboto",sans-serif}.container{margin:0 auto;width:90%}.banner{display:-webkit-flex;display:flex;position:relative;width:100%;height:60vh}.banner img{height:100%;width:100%;object-fit:cover}.banner-opacity{background-color:rgba(0,0,0,.5);height:100%;width:100%;position:absolute}.banner .banner-content p{font-size:20px;font-weight:700}.banner .banner-content{margin-left:100px;margin-top:75px;width:60%;height:40vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;color:#fff}.banner .banner-content h2{font-size:12px;font-weight:700}.banner-content .banner-btn-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin-top:20px}.banner-content .banner-btn-wrapper .btn-banner{cursor:pointer;padding:10px 20px;color:#fff;font-size:15px;font-weight:700;border-radius:10px;text-align:center;width:40%}.watch{background-color:#fe024e}.watchlist{border:2px solid #fff}.watch:hover{background-color:#eb507f}.watchlist:hover{background-color:rgba(0,0,0,.7)}.banner-content .rating{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start}.banner-content .rating .rating-text{font-size:25px;margin-left:20px;font-weight:700}@media (max-width:768px){.banner{width:100%}.banner .banner-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:20px;margin:0;height:60vh;width:100%}.banner-content h2{font-size:50px;width:100%}.banner-content p{width:100%;font-size:30px}.banner-content .banner-btn-wrapper{width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0}.banner-content .banner-btn-wrapper .btn{width:100%;font-size:30px;margin-bottom:10px}}@media(max-width:600px){.banner{width:100%}.banner .banner-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:20px;margin:0;height:60vh;width:100%}.banner-content h2{font-size:20px;width:100%}.banner-content p{width:100%;font-size:15px}.banner-content .banner-btn-wrapper{padding-top:30px;width:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:0}.banner-content .banner-btn-wrapper .btn-banner{width:100%;font-size:20px;margin-bottom:10px}}.detail-wrapper{margin-top:20px;display:-webkit-flex;display:flex;width:50%;-webkit-justify-content:space-between;justify-content:space-between}.detail-wrapper link{color:#000}.detail-wrapper .title{font-size:20px;font-weight:700;cursor:pointer;border-radius:50px;width:30%;padding:10px;text-align:center;color:#000;text-decoration:none}.detail-wrapper .title:hover,.title-aktif{background-color:#eb507f;color:#fff}.title-aktif{font-size:20px;font-weight:700;cursor:pointer;border-radius:50px;width:30%;padding:10px;text-align:center;text-decoration:none}.character-wrapper{margin-top:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.character{width:300px;box-shadow:grey;margin-bottom:50px;text-align:center;border-radius:5px;box-shadow:2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06)}.character .cast-image img{object-fit:cover;width:100%;height:300px;border-top-right-radius:5px;border-top-left-radius:5px}.character .name{margin:10px}.character .name p{font-size:20px;font-weight:700}.movie-info,.sinopsis{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:50px;background-color:rgba(243,222,226,.596);padding:20px;border-radius:10px}.overview-wrapper{margin-bottom:50px}.overview-wrapper .title{font-size:40px;font-weight:700;border-bottom:2px solid #cdcdcd;margin-bottom:50px;padding-bottom:5px}.overview-wrapper .content{font-size:20px}.movie-info .content .bold{font-weight:700}form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.comment-field{resize:none;width:40vw;margin-top:10px;border-radius:10px;background-color:#f5f5f5;box-shadow:0 5px 10px rgba(0,0,0,.2);font-size:20px;border:none;padding:10px;outline:none}.comment-field:hover{border:none}.submit-btn{width:10vw;padding:10px;background-color:#eb507f;color:#fff;border:none;font-size:20px;font-weight:700;border-radius:5px;margin-top:10px}.submit-btn:hover{color:#000;font-weight:bolder;cursor:pointer;background-color:#d63465}.update-btn{width:10vw;padding:10px;background-color:#eb507f;color:#fff;border:none;font-size:20px;font-weight:700;border-radius:5px;margin-top:10px}.update-btn:hover{color:#000;font-weight:bolder;cursor:pointer;background-color:#d63465}.container-review{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:50px;margin-top:50px}.image img{border-radius:50px}.review-items{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:20px}.username{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:700;font-size:20px}.stars{padding-top:5px}.comment-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-left:50px;margin-bottom:50px}.user{font-size:20px;padding-bottom:5px}.comments{font-size:15px;margin-bottom:10px}.update-comments{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.review-comments{-webkit-flex-direction:row;flex-direction:row;margin-left:20px;background-color:#f5f5f5;box-shadow:0 5px 10px rgba(0,0,0,.2);width:30vw;margin-top:0;margin-bottom:20px;padding:20px 30px;border-radius:10px}.column-items,.review-comments{display:-webkit-flex;display:flex}.column-items{width:100%;-webkit-flex-direction:column;flex-direction:column;padding-left:20px}.created{font-size:10px;text-align:right}.review-image img{border-radius:30px}.movie-wrapper{margin-top:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.pagination{margin-left:38%;margin-bottom:50px}.movie{width:300px;margin-bottom:50px;text-align:center;border-radius:5px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 22.3px 17.9px rgba(0,0,0,.072)}.movie:hover{box-shadow:4.3px 2.8px 2.2px rgba(238,17,17,.034),4.3px 6.7px 5.3px rgba(238,17,17,.048),5.3px 22.3px 17.9px rgba(238,17,17,.072)}.movie .card-movie-poster img{width:100%;height:450px;border-top-right-radius:5px;border-top-left-radius:5px}.movie .title p{margin:10px;font-size:inherit;font-weight:700}.movie-link{cursor:pointer;text-decoration:none;color:#000}.btn-wrapper{margin:50px 50px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center}.btn-wrapper h4{margin-bottom:30px}.category-btn{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.category-btn button{border:none;padding:10px;background-color:transparent;font-weight:700;font-size:18px;color:#000;width:20%;margin-left:30px}.category-btn button:hover{background-color:#eb507f;border:3px;border-radius:70px;color:#fff;cursor:pointer}.slider{width:100%;height:60vh}.slick-slide{height:60vh;box-sizing:border-box}.slick-slide img{height:inherit;width:100%;box-sizing:border-box}.slick-dots li{position:relative;cursor:pointer;display:inline-block;width:2vw;height:7vh;font-family:"slick";font-size:16px}.ReactModal__Overlay{height:100vh;width:100vw}.section{height:inherit}.form p,.section{text-align:center}.form p{margin-top:20px}.form h6{color:#000;font-size:15px;margin-bottom:5px}.form input{width:100%;height:30px;background-color:#eceaea;border-radius:3px;padding:5px;outline:none}.btn-sign,.form input{border-style:none;margin-top:20px}.btn-sign{width:98%;border-radius:5px;background-color:red;padding:10px;color:#fff;cursor:pointer;word-spacing:5px;letter-spacing:3px;font-weight:700}.btn-sign:hover{background-color:#e95959}.btn-signinfa{border-style:none;color:#ff8080;font-size:17px;font-weight:700;background-color:#fff;cursor:pointer}.btn-signinfa:hover{color:red}.section span{position:absolute;top:1%;right:1%;background-color:#e9e8e8;border-radius:50%;cursor:pointer;width:25px;height:25px;color:grey}.section span:hover{background-color:#f73636;color:#fff}.header{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;background-color:#fff;border-bottom:1px solid rgba(209,205,205,.801);width:100%;height:55px}.header-link{text-decoration:none;color:#000}.logo-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.logo{width:150px;height:40px}h4{font-size:21px;font-family:"Viaoda Libre",cursive;margin-left:20px}.input-search{height:20px}.input-search,.input-search1{width:50%;padding:10px;background-color:#f1f1f1;outline:none;border:none}.input-search1{height:400px}.signin-btn{height:inherit;font-size:21px;font-family:"Viaoda Libre",cursive;border:none;background-color:transparent;padding:0 20px;font-weight:700}.signin-btn:hover{background-color:#eb507f;color:#fff}.profile-btn{padding:10px;font-weight:700}.profile-btn:hover{background-color:rgba(236,232,232,.747);font-weight:700}.form-update{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.form-update input{padding:10px;border-style:none;outline:none;background-color:#f1f1f1;border-radius:5px;margin-bottom:10px}.form-update button{color:#000;background-color:#f55454}.form-update button,.form-update button:hover{padding:10px;border-radius:5px;border-style:none;font-weight:700}.form-update button:hover{color:#fff;background-color:red;cursor:pointer}.footer{-webkit-flex-direction:column;flex-direction:column;background-color:#000;color:#fff;bottom:0;width:100%}.footer,.footer .footer-row{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.footer .footer-row{margin-top:50px;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:20px;border-bottom:2px solid grey}.footer .footer-row .brand{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:30%}.footer .footer-row .brand .brand-logo{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;-webkit-align-items:center;align-items:center}.footer .footer-row .brand .brand-logo h4{font-size:40px;font-weight:700}.footer .footer-row .brand .brand-logo img{width:450px;height:200px}.footer .footer-row .brand .brand-content{font-size:18px;font-weight:700;line-height:1.6}.footer .footer-row .footer-link{line-height:1.6;font-size:25px;font-weight:700}.footer .footer-row .footer-link,.footer .footer-row .footer-media{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:30%}.footer .footer-row .footer-media h5{font-size:20px;font-weight:700;margin-bottom:10px}.footer .footer-row .footer-media .download{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:20px}.footer .footer-row .footer-media .download .app-logo{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.apple,.google{width:150px;height:50px;margin-right:10px}.apple{border:1px solid #fff;border-radius:10px}.copyright{margin-top:10px;margin-bottom:10px;text-align:center}.fb,.ig,.pin{width:10%;height:10%;margin-left:10px}
/*# sourceMappingURL=main.373dca93.chunk.css.map */