.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e6e6e6}@media (max-width: 600px){.navbar h1{font-size:20px}}.navbar>h1{font-size:30px;color:var(--heading_color)}.navbar_links{display:flex;align-items:center}.navbar_links>a{display:flex;align-items:center;font-size:20px;font-weight:500;color:var(--body_color);text-decoration:none;padding:0 15px}@media (max-width: 600px){.navbar_links>a{font-size:14px}}.navbar_emoji{width:25px;height:25px;margin-left:7px}@media (max-width: 600px){.navbar_emoji{width:15px}}.navbar_logo{text-decoration:none;color:inherit}.movie_list_header{padding:10px 30px;justify-content:space-between;margin-bottom:5px}.movie_list_heading{font-size:26px;color:#f6df1b}@media (max-width: 600px){.movie_list_heading{font-size:20px}}.movie_filter{list-style:none;font-size:16px}.movie_filter_item{padding:5px 10px;cursor:pointer}.movie_filter_item.active{border-bottom:1px solid #e6e6e6;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}@media (max-width: 600px){.movie_sorting{font-size:14px}}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.filter_block{display:flex;flex-wrap:wrap;flex-direction:column}.movie_list_fs{display:flex;flex-wrap:wrap}.movie_card{width:200px;height:300px;margin:15px;overflow:hidden;border-radius:10px;color:#fff;box-shadow:0 3px 8px #00000040;position:relative;transition:all .2s ease-in-out}.movie_card:hover{transform:scale(1.08)}.movie_poster{width:100%;height:100%}.movie_details{position:absolute;top:0;width:100%;height:100%;padding:10px;background-image:linear-gradient(#0000,#000);display:flex;flex-direction:column;justify-content:end;opacity:1;transition:all .2s ease-in-out}.movie_card:hover .movie_details{opacity:1}.movie_details_heading{font-size:16px;color:#ffe400}.movie_date_rate{justify-content:space-between;font-size:12px;font-weight:500;margin:5px 0;color:#ffe400}.card_emoji{width:20px;height:20px;margin-left:5px}.movie_description{font-size:12px;font-style:italic}.genre_name{color:#0059ff}.movie_details_page{display:flex;flex-direction:column;justify-content:center}.movie_details_page h1{font-size:22px;text-align:center}img{max-width:600px;aspect-ratio:1 / 1;width:80%;object-fit:contain;display:block;margin:10px auto}main{margin:30px}.app{display:grid;grid-template-rows:80px auto;overflow-x:hidden}@font-face{font-family:Montserrat;src:url(/movies/assets/Montserrat-79DQoS3D.woff2)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#988d8d;color:#fff;font-family:Montserrat,sans-serif}.align_center{display:flex;align-items:center}