.app{display:grid;grid-template-rows:80px auto}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e6e6e6}.navbar>h1{font-size:30px;color:#ff0}.navbar_links>a{display:flex;color:#fff;align-items:center;text-decoration:none;font-size:20px;font-weight:500;padding:0 15px}.navbar_links{margin:20px;display:flex;align-items:center}.navbar_emoji{width:25px;height:25px;margin:7px}.logo{width:70px;height:70px}.popular_movie_emoji{width:25px;height:25px;margin:7px}.movie_list_header{justify-content:space-between;margin-bottom:5px;padding:10px 30px}.movie_list_heading{font-size:26px;color:#17dbd8}.movie_filter{list-style:none;font-size:16px}.movie_filter_item{padding:5px 10px;cursor:pointer}.movie_filter_item.active{border-bottom:1px solid #d7df7f;font-weight:500}.movie_sorting{border:none;outline:none;border-radius:5px;font-size:16px;font-weight:500;font-family:inherit;height:30px;padding:0 5px;margin:0 10px}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.movie_card{width:230px;height:300px;margin:10px;overflow:hidden;border-radius:10px;color:#fff;position:relative;transition:all .2s ease-in-out}.movie_card:hover{transform:scale(1.04);box-shadow:0 4px 4px 4px #d81a1a}.movie_poster{width:100%;height:100%}.movie_details{position:absolute;width:100%;height:100%;top:0%;padding:10px;background-image:linear-gradient(#0000,#000);display:flex;flex-direction:column;justify-content:end;opacity:0;transition:all .5s ease-in-out}.movie_card:hover .movie_details{opacity:1}.movie_details_heading{font-size:16px;color:#ff0}.movie_data_rate{justify-content:center;font-size:10px;font-weight:500;margin:5px 0;color:#ff0}.card_emoji{width:20px;height:20px;margin:5px}.movie_description{font-size:12px;font-style:italic}.movie_data_rate>p:nth-child(1){margin-right:20px}@font-face{font-family:Monteserrat;src:url(/assets/Montserrat-Ilp4HiK5.woff2)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#6a97a0;color:#fff;font-family:Monteserrat,sans-serif}.align_center{display:flex;align-items:center}