:root{--body_background: #101010;--body_color: #fff;--heading_color: #ffe400}[data-theme=light]{--body_background: #fff;--body_color: #000;--heading_color: #000}*{margin:0;padding:0;box-sizing:border-box;transition:all .3s ease-in-out}html{scroll-behavior:smooth}body{background-color:var(--body_background);color:var(--body_color)}.align_center{display:flex;align-items:center}.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: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(--bodycolor);text-decoration:none;padding:0 15px}.navbar_emoji{width:25px;height:25px;margin-left:7px}.dark_mode{margin-top:-20px;margin-left:10px}.dark_mode_label{width:65px;height:30px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px #0006,inset 0 -5px 15px #fff6;cursor:pointer;transition:.3s}.dark_mode_label:after{content:"";width:25px;height:25px;position:absolute;top:3px;left:3px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px #0003;transition:.3s}.dark_mode_input{width:0;height:0;visibility:hidden}.dark_mode_input:checked+.dark_mode_label{background:#242424}.dark_mode_input:checked+.dark_mode_label:after{left:62px;transform:translate(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}.dark_mode_label:active:after{width:30px}.dark_mode_label svg{position:absolute;width:20px;top:5px;z-index:100}.dark_mode_label svg.sun{left:5px;fill:#fff;transition:.3s}.dark_mode_label svg.moon{left:40px;fill:#7e7e7e;transition:.3s}.dark_mode_input:checked+.dark_mode_label svg.sun{fill:#7e7e7e}.dark_mode_input:checked+.dark_mode_label svg.moon{fill:#fff}.movie_list_header{padding:10px 30px;justify-content:space-between;margin-bottom:5px}.movie_list_heading{font-size:26px;color:var(--heading_color)}.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}.movie_cards{display:flex;flex-wrap:wrap;justify-content:space-evenly}.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}