@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap);*{padding:0;margin:0;box-sizing:border-box}.App{background-color:#000;height:100vh;color:#fff}body,html{font-size:70.5%}body{font-family:"Quicksand",sans-serif;background-color:#000}.header{display:grid;background:rgba(0,0,0,.5);position:relative;grid-template-columns:10rem 1fr 2fr 1fr 10rem}.header,.overlay{width:100%;height:6rem}.overlay{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background-image:linear-gradient(hsla(0,0%,39.2%,.603),#1f1f1f,hsla(0,0%,39.2%,.603));opacity:1;transition:opacity .3s}.logo{grid-column:2/3;justify-content:start;display:grid;align-items:center}.logo ion-icon{font-size:30px;color:#fff}.menu-links{grid-column:3/4}.menu-links ul{height:6rem;display:flex;justify-content:space-around;align-items:center;list-style-type:none}.menu-links ul a{color:#fffefe;text-decoration:none;list-style:none;font-size:20px}.social-media{grid-column:4/5}.social-media ul{height:6rem;display:grid;grid-template-columns:3fr repeat(3,1fr);justify-content:flex-end;align-items:center;list-style-type:none}.social-media ul li{text-align:right;list-style-type:none}.social-media ul li:first-child{grid-column:2/3}.social-media ul li{font-size:1.8rem;list-style:none}.social-media .hamburger-menu{display:none;color:#fff}.git,.hamburger-menu a{color:#fff}.imdb{color:#f2ff42}.heart{color:#f30606;cursor:pointer}@media (max-width:1080px){.header{height:7rem;grid-template-columns:2rem 3fr 3fr 1fr 2rem}.logo,.menu-link ul,.social-media ul{color:#000;list-style-type:none}}@media (max-width:998px){.header{height:6rem;grid-template-columns:2rem 2fr 3fr 2rem 2rem}.menu-links{display:none}.mobile-menu-link{grid-column:2/4;position:relative;z-index:99;color:#000;background-color:#252525;height:20rem;color:#ecebeb;display:grid;grid-column:2/5;align-items:center;padding-left:3rem;transition:all 2s linear;-webkit-transform-origin:top;transform-origin:top;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3)}.mobile-menu-link ul{height:20rem;display:flex;justify-content:space-around;flex-direction:column;align-items:start;list-style-type:none}.mobile-menu-link ul li:first-child{transition-delay:.2s}.logo,.social-media ul{height:7rem;list-style-type:none}.social-media{grid-row:1/2;grid-column:3/5;justify-items:end;transition:all 2s linear}.social-media .social-media-desktop{height:0;display:none}.social-media{height:7rem;display:flex;justify-self:end;align-items:center}.social-media .hamburger-menu{display:block;font-size:2.5rem}}@media (max-width:798px){.header{grid-template-columns:1rem 2fr 1fr 1fr 1rem}.header,.logo,.social-media ul{height:6rem}.social-media{height:6rem;display:flex;justify-self:end;align-items:center}.social-media .hamburger-menu{display:block;font-size:2.5rem}.movie_poster{width:233px}}@media (max-width:520px){.header{grid-template-columns:1rem 4fr 1fr 1fr 1rem}.header,.logo,.social-media ul{height:6rem}.social-media{height:6rem;display:flex;justify-self:end;align-items:center}.social-media .hamburger-menu{display:block;font-size:2.5rem}}.poster{background-color:#0a0a0a}.posterImg{height:600px}.posterImg>img{margin:auto;display:block;width:100%}.poster_over{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}.poster_over:hover{opacity:1}.poster_title{font-weight:900;font-size:3rem;margin-bottom:.4rem;text-align:left}.poster_time{font-size:1.3rem;margin-bottom:1rem}.poster_rating,.poster_time{font-family:"Quicksand",sans-serif}.poster_rating{font-size:2.4rem;margin-left:2rem}.poster_desc{font-style:italic;font-size:1.3rem;font-family:"Quicksand",sans-serif;text-align:left;width:50%}@media (max-width:520px){.poster_desc{overflow:hidden;width:90%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical}.poster_over{height:80%;top:-20px}}.cards_poster{display:inline-block;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:relative;border-radius:10px;overflow:hidden;margin:1rem;cursor:pointer;min-width:200px;height:300px;z-index:0;border:1px solid #636363}.cards_poster:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:1000;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09)}.cards_poster img{height:300px}.card_over{position:absolute;padding:0 1rem 1rem;bottom:0;height:290px;display:flex;flex-direction:column;width:100%;justify-content:flex-end;background-image:linear-gradient(transparent,#000);opacity:0;transition:opacity .2s;color:#fff}.card_over:hover{opacity:1}.card_title{font-weight:900;font-size:1rem;margin-bottom:.4rem}.card_time{font-size:.75rem;margin-bottom:.25rem}.card_rating{float:right}.card_desc{font-style:italic;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;margin-bottom:.25rem}.movie{padding:20px;margin:0 auto;color:#000}.list_title{font-size:1.5rem;margin:2rem}.cards{flex-wrap:wrap}.cards,.footer{display:flex;justify-content:center}.footer{margin-top:70px;align-items:center}.footer p{font-size:20px}.movies{display:flex;justify-content:center;align-items:center;background-color:#000;flex-wrap:wrap;font-family:"Quicksand",sans-serif}.movie_poster img{max-width:100%;max-height:100%}.flex{display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.movie_poster{width:300px;background-color:#7c7979}.movie_details{display:flex;color:#070707;justify-content:center;flex-wrap:wrap;padding:30px;margin-bottom:30px;background-color:#fff;margin-top:80px;align-items:center}.movie_details div{margin:10px}.movie_name{font-weight:600;font-size:4rem;color:brown}.movie_rating,.movie_tagline{font-size:1.5rem}.movie_rating ion-icon{color:#ffc400}.movie_voteCount{margin-left:2rem;font-size:1.5rem}.movie_genres{margin:1.25rem 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.movie_genre{padding:.5rem;border:2px solid #1d1c1c;border-radius:20px;margin-top:1rem}.movie_Button{cursor:pointer;border-color:#fff;font-size:2rem;width:150px;color:#bbb9b9;font-weight:700;margin-left:0}@media (max-width:798px){.movie_poster{width:181px}}@media (max-width:320px){.movie_details{width:300px;margin-bottom:30px}}
/*# sourceMappingURL=main.a44d21da.chunk.css.map */