@font-face{font-family:Montserrat;src:url(/assets/Montserrat-79DQoS3D.woff2)}*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease-in-out}body{background-color:#bcd7f2;color:#333;font-family:Montserrat,sans-serif;overflow-x:hidden}.App{display:grid;grid-template-rows:80px auto}.align_center{display:flex;align-items:center}:root{--body_background: #101010;--body_color: #fff;--heading_color: #ffe400}[data-theme=light]{--body_background: #fff;--body_color: #000;--heading_color: #000}html{scroll-behavior:smooth}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1.5px solid #202c39}.navbar>h1{font-size:40px;color:#66459c}.navbar_links{display:flex;align-items:center}.navbar_links>a{display:flex;align-items:center;font-size:20px;font-weight:500;color:#0d1b2a;text-decoration:none;padding:0 15px}.navbar_emoji{width:25px;height:25px;margin-left:7px}@media (max-width: 360px){.navbar_links{font-size:.8rem;align-items:end}}@media (max-width: 1080px){.navbar{margin-top:none;border-bottom:2px solid white}.navbar>h1{font-size:40px;width:100%;max-width:400px}.navbar_links{display:flex;align-items:center}.navbar_links>a{display:flex;align-items:end;font-size:20px;font-weight:500;color:#0d1b2a;text-decoration:none;padding:0 15px}.navbar_emoji{width:25px;height:25px;margin-left:7px;align-items:center}}@media (max-width: 800px){.navbar{margin-top:none;border-bottom:2px solid white}.navbar>h1{font-size:25px;width:100%;max-width:400px}.navbar_links{display:flex;align-items:center}.navbar_links>a{display:flex;align-items:end;font-size:15px;font-weight:500;color:#0d1b2a;text-decoration:none;padding:0 5px}.navbar_emoji{width:15px;height:15px;margin-left:7px;align-items:center}}@media (max-width: 600px){.navbar{margin-top:none;border-bottom:2px solid white}.navbar>h1{font-size:25px;width:100%;max-width:400px}.navbar_links{display:flex;align-items:center;width:auto}.navbar_links>a{display:flex;align-items:end;font-size:13px;font-weight:500;color:#0d1b2a;text-decoration:none;padding:0 5px}.navbar_emoji{width:10px;height:10px;margin-left:5px;align-items:center}}.movie_list_header{padding:10px 30px;justify-content:space-between;margin-bottom:5px}.movie_list_heading{font-size:22px;color:#0d1b2a}.movie_filter{list-style:none;font-size:16px}.movie_filter_item{padding:5px 10px;cursor:pointer}.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_filter_item.active{border-bottom:1px solid #4b0082;font-weight:500}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}@media (max-width: 1080px){.movie_list_heading{font-size:17px;color:#0d1b2a}.movie_list_header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;flex-wrap:wrap}.movie_list_filters{display:flex;align-items:center;gap:10px;margin-left:auto}.movie_filter{list-style:none;font-size:13px;font-weight:600;display:flex;gap:10px;padding:0;margin:0}.movie_sorting{border:none;outline:none;border-radius:5px;font-size:13px;font-weight:500;font-family:inherit;height:24px;padding:0 6px;margin:0 10px}.movie_filter_item.active{border-bottom:2px solid #4b0082;font-weight:700}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.movie_list_controls{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}}@media (max-width: 800px){.movie_list_header{padding:10px 30px;justify-content:space-between;margin-bottom:5px}.movie_list_heading{font-size:15px;color:#0d1b2a}.movie_filter{list-style:none;font-size:12px;font-weight:700}.movie_sorting{border:none;outline:none;border-radius:5px;font-size:12px;font-weight:500;font-family:inherit;height:22px;padding:0 5px;margin:0 10px}.movie_filter_item.active{border-bottom:1px solid #4b0082;font-weight:700}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}}@media (max-width: 600px){.movie_list_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;margin-bottom:5px;gap:10px;flex-wrap:wrap}.movie_list_heading{font-size:15px;color:#0d1b2a}.movie_filter{list-style:none;font-size:12px;font-weight:600}.movie_sorting{border:none;outline:none;border-radius:5px;font-size:12px;font-weight:500;font-family:inherit;height:22px;padding:0 5px;margin:0 10px}.movie_filter_item.active{border-bottom:1px solid #4b0082;font-weight:700}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.movie_list_fs{text-align:center;width:100%}}.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:0;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}@media (max-width: 480px){.movie_card{width:50%;height:50%;border-radius:8px;margin:10px 0;padding:0 10px}.movie_poster{width:200px;height:250px;padding:0 10px}.movie_details{padding:5px;opacity:1;position:relative;background-image:none}.movie_details_heading{font-size:12px;color:#343434}.movie_date_rate{font-size:9px;flex-direction:row;gap:2px;color:#343434}.movie_description{font-size:10px;color:#343434;text-decoration:none}.card_emoji{width:16px;height:16px}.movie_card:hover{transform:none}}.footer{width:100%;box-sizing:border-box;padding:15px 20px;border-top:1px solid #ccc;text-align:center;background-color:#0d1b2a;color:#dbd6d6;overflow-x:hidden}.footer_icons{margin-top:8px;display:flex;justify-content:center;gap:15px;font-size:24px;color:#dbd6d6}.footer_icons a{color:inherit;text-decoration:none;transition:color .3s ease}.footer_icons a:hover{color:#bcd7f2}@media (max-width: 1080px){.footer{padding:12px 5px;width:100vw}.footer_icons{font-size:20px;gap:12px}}@media (max-width: 800px){.footer{padding:10px 0;width:100%}.footer_icons{font-size:18px;gap:10px}}@media (max-width: 600px){.footer{padding:8px 10px;width:100%}.footer_icons{font-size:16px;gap:8px}}@media (max-width: 480px){.footer{padding:10px 15px;font-size:14px;width:100%}.footer_icons{gap:10px;font-size:20px;flex-wrap:wrap}.footer_icons a{font-size:20px}}