@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kalam&display=swap);*,:after,:before{box-sizing:border-box}body{background-color:#000;color:#fff;font-family:Lato,sans-serif;margin:0}.movie-app-container{display:flex;flex-direction:column;overflow-x:hidden;padding-bottom:15px;position:relative}.nav-bar{display:flex;justify-content:space-between}.nav-bar h1{color:red;cursor:pointer;font-size:min(32px,6vw);margin-left:4vw}.nav-bar ul{align-items:center;display:flex;gap:4.25vw;margin-right:6vw;padding:0}.nav-bar ul .nav-btn{cursor:pointer;font-size:min(20px,4vw);list-style-type:none;position:relative}.nav-bar ul .nav-btn:after{background-color:red;bottom:-5px;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;width:100%}.nav-bar ul .nav-btn:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.search-bar{align-self:center;display:flex;justify-content:center;margin-top:5vw;width:80vw}form>*{border:none;border-radius:30px;height:45px}form input#movie-search{font-size:min(16px,3vw);outline:none;padding:20px;position:relative;width:80vw}form button{background-color:red;color:#fff;cursor:pointer;font-size:min(16px,3.5vw);height:45px;position:absolute;right:8vw;width:min(150px,20vw)}.movie-section-header h3{font-size:min(35px,5vw);margin:5vw auto -3vw 6vw}.movie-list{grid-gap:15px;align-self:center;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(13vw,1fr));justify-items:center;margin-top:6vw;padding:10px;width:90vw}.movie-card{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:21.2vw;position:relative;width:14vw}.movie-card .poster{border-radius:18px;height:100%;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.movie-card:after{background-color:rgba(0,0,0,.95);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease-out;width:100%;z-index:1}.movie-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.movie-card:hover:after{opacity:1}.movie-card .poster img{border-radius:18px;height:100%;width:100%}.movie-card .info{font-size:1.1vw;left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease-out;width:85%;z-index:2}.movie-card:hover .info{opacity:1}.hero-section{grid-gap:4.285vw;align-content:flex-end;display:grid;grid-template-columns:25vw 45vw 15vw;justify-content:space-between;max-height:100vh;position:relative}.hero-section>:not(.material-icons){margin-top:15vw}.hero-section .material-icons{cursor:pointer;font-size:min(40px,7vw);left:2.8vw;position:absolute;top:2.1vw;transition:color .2s ease-out}.hero-section .material-icons:hover{color:#d3d3d3}.hero-section .poster{border-radius:18px;cursor:pointer;height:35vw;margin-bottom:70px;margin-left:2.85vw;width:25vw}.hero-section .poster img{border-radius:18px;height:100%;width:100%}.hero-section .basic-info{align-self:end;margin-bottom:50px;width:50vw}.hero-section .basic-info .movie-title h1{font-size:4.3vw;margin-bottom:20px}.hero-section .basic-info .movie-quote p{color:gray;font-family:Kalam,sans-serif;font-size:2.15vw;margin-top:10px}.hero-section .basic-info .movie-genres{display:flex;flex-wrap:wrap;gap:1.4vw;padding:0}.hero-section .basic-info .movie-genres li{border:.14vw solid hsla(0,0%,100%,.6);border-radius:48px;cursor:pointer;font-size:1.3vw;font-weight:700;list-style-type:none;padding:.7vw 2.86vw;transition:background-color .2s ease-out}.hero-section .basic-info .movie-genres li:hover{background-color:rgba(50,50,50,.7)}.hero-section .movie-stats{align-self:end;display:flex;font-size:2.5vw;gap:1vw;margin-bottom:5.5vw;width:15vw}.hero-section .movie-stats .rating{color:gray}.movie-trailer{border-bottom:1px solid #3c3c3c;height:44vw;margin-left:3vw;margin-top:4vw;padding-bottom:10px}.movie-trailer h3{font-size:1.8vw}.movie-trailer iframe{border-radius:25px;height:85%;width:100%}.credit-card{cursor:pointer;width:100%}.credit-card:hover{background-color:rgba(50,50,50,.4);border-radius:25px}.credit-card .container{align-items:center;display:flex;gap:2vw;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.credit-card .container:hover{-webkit-transform:translateX(.7vw);transform:translateX(.7vw)}.credit-card .container .credit-photo img{border-radius:50%;height:3.5vw;object-fit:cover;width:3.5vw}.credit-card .container .credit-info .name{font-size:1.4vw;font-weight:700;margin-bottom:.36vw;margin-top:.715vw}.credit-card .container .credit-info .role{color:gray;font-size:1.4vw;margin-bottom:.715vw;margin-top:.36vw}.credit-list{width:20vw}.credit-list.cast{border-bottom:1px solid #3c3c3c;padding-bottom:20px}.credit-list h3{font-size:1.8vw}.credit-list .credit-card-list{-ms-overflow-style:none;display:flex;flex-direction:column;gap:5px;height:28vw;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.credit-list .credit-card-list::-webkit-scrollbar{display:none}.details-section{grid-gap:7.5vw;display:grid;gap:7.5vw;grid-template-columns:70vw 20vw;margin-top:1.6vw}.details-section .movie-info .detailed-info{border-bottom:1px solid #3c3c3c;display:flex;gap:3vw;margin-left:3vw;padding-bottom:2.15vw}.details-section .movie-info .detailed-info .metadata{display:flex;width:12vw}.details-section .movie-info .detailed-info .metadata p{font-size:2.8vw;font-weight:700;margin-top:30px;width:100%}.details-section .movie-info .detailed-info .overview{width:calc(100% - 12vw)}.details-section .movie-info .detailed-info .overview h3{font-size:1.8vw}.details-section .movie-info .detailed-info .overview p{color:gray;font-size:1.45vw;line-height:2.5vw;padding-right:2vw}.details-section .movie-credits{width:20vw}.review-card{margin-bottom:3vw}.review-card .review-info{align-items:center;display:flex;gap:2vw}.review-card .review-info .review-photo img{border-radius:50%;height:3.5vw;object-fit:cover;width:3.5vw}.review-card .review-info .review-author .name{font-size:1.6vw;font-weight:700;margin-bottom:.36vw;margin-top:.715vw}.review-card .review-info .review-author .date{color:gray;font-size:1.4vw;margin-bottom:.715vw;margin-top:.36vw}.review-card .review-info .review-rating{align-items:center;display:flex;font-size:1.4vw;gap:.7vw}.review-card .review-info .review-rating span{color:gray}.review-card .review-content{color:gray;font-size:1.2vw}.review-section{border-bottom:1px solid #3c3c3c;margin:-15px 3vw auto;width:90vw}.review-section>h3{font-size:1.8vw}.review-section .review-card-list{margin-top:2.5vw}@media only screen and (min-width:1000px){.review-section{margin-top:0}}.recommendations-section{border-bottom:1px solid #3c3c3c;margin:2vw 3vw auto;padding-bottom:3vw}.recommendations-section>h3{font-size:1.8vw}.recommendations-section .recommendations-list{-ms-overflow-style:none;display:flex;gap:15px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}.recommendations-section .recommendations-list::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.1cda7c36.css.map*/