@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";.app{display:grid;grid-template-rows:80px auto 150px}.container{padding-top:100px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:2px solid #3b3b3b37}.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;margin-right:20px;padding:10px}.sticky{position:fixed;top:0;height:80px;width:80.7%;z-index:10;background-color:var(--body_background);transition:all .2s ease-in}a.active{background-color:var(--nav_color);border:2px solid #3b3b3b37;border-radius:10px}.dark_mode{margin:0 20px;padding:0 10px}.switch{font-size:17px;position:relative;display:inline-block;width:64px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#73c0fc;transition:.4s;border-radius:30px}.slider:before{position:absolute;content:"";height:30px;width:30px;border-radius:20px;left:2px;bottom:2px;z-index:2;background-color:#e8e8e8;transition:.4s}.sun svg{position:absolute;top:6px;left:36px;z-index:1;width:24px;height:24px}.moon svg{fill:#73c0fc;position:absolute;top:5px;left:5px;z-index:1;width:24px;height:24px}.sun svg{animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.moon svg{animation:tilt 5s linear infinite}@keyframes tilt{0%{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.input:checked+.slider{background-color:#183153}.input:focus+.slider{box-shadow:0 0 1px #183153}.input:checked+.slider:before{transform:translate(30px)}.search-input{padding:10px;font-size:16px;border:1px solid #dddddd50;border-radius:5px 0 0 5px;background-color:#dddddd4c;float:left;width:80%;color:var(--body_color)}.search-button{float:left;width:20%;padding:10px;background:#f0f3f62b;color:#fff;border:1px solid rgba(225,220,220,.47);border-radius:0 5px 5px 0;border-left:none;cursor:pointer}.search-button:hover{border:0 1px 1px 1px;border-color:#e1dcdcc9}form:after{content:"";clear:both;display:table}.movie_list_header{padding:90px 30px 10px;display:flex;justify-content:space-between;margin-bottom:5px}.movie_list_heading{font-size:20px;color:var(--heading_color)}.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;padding:0 5px;margin:0 10px}.movie_filter_item.active{border-bottom:1px solid #e6e6e6;font-weight:500}.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 .3s 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:15px;background-image:linear-gradient(#0000,#000);display:flex;flex-direction:column;justify-content:end;opacity:0;transition:all .3s 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}.movie_description{font-size:12px;font-style:italic}.notfound-page{display:flex;justify-content:space-around;align-items:center;height:100vh;font-weight:600;font-size:x-large}.container{margin-top:150px;padding:50px;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.poster{margin-right:10px;border:2px solid old;border-radius:20px;overflow:hidden;height:50vh}.poster_details{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:var(--movie_info_outer_color);max-width:80vb;border-radius:20px}.data{background-color:var(--movie_info_inner_color);display:flex;flex-direction:column;justify-content:space-evenly;margin:20px;padding:40px;border-radius:20px}.data>h3,h2,h4,p{padding-bottom:10px}:root{--body_background: #101010;--body_color: #fff;--heading_color: #57abff;--nav_color: #57abff;--movie_info_outer_color: rgba(0, 0, 0, 0);--movie_info_inner_color: rgba(255, 255, 255, .118)}[data-theme=light]{--body_background: #fff;--body_color: #000;--heading_color: #000;--nav_color: rgba(250, 250, 210, .694);--movie_info_outer_color: rgba(255, 255, 255, 0);--movie_info_inner_color: rgba(255, 255, 255, .803)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--body_background);color:var(--body_color);font-family:Montserrat,sans-serif;width:80vw;margin:0 auto;transition:all .2s ease-in}.align_center{display:flex;align-items:center}