body{background:linear-gradient(to bottom right,#010203 #010304);min-height:100vh}.App{align-items:center;flex-direction:column;justify-content:center;margin-top:24px}.App,.btns{display:flex}.btns{margin-bottom:36px}.portfolio-project-btn{background:navy;border:none;border-radius:20px;color:#f5f5f5;font-weight:500;margin-right:48px;padding:12px 24px}.portfolio-project-btn:hover{background:#f5f5f5;border:1px solid navy;color:navy;cursor:pointer;font-weight:700}.movie-project-btn{background:#adff2f;border:none;border-radius:20px;color:#000;font-weight:500;padding:12px 24px}.movie-project-btn:hover{background:#000;border:1px solid #adff2f;color:#adff2f;cursor:pointer;font-weight:700}.card{border:1px solid violet;border-radius:24px;box-shadow:2px 2px 5px #7aa4ff;display:flex;flex-direction:column;font-family:Verdana,Geneva,Tahoma,sans-serif;gap:16px;height:auto;max-width:500px;padding:24px}.card:hover{transform:translate(8px);transition:transform .3s ease-in-out}.header{align-items:center;display:flex;justify-content:space-evenly}.profile-pic{border-radius:50%;height:132px;object-fit:cover;width:132px}.name{color:#333;font-size:2rem;font-weight:700}.card.dark .name{color:#fff}.role{color:#757575;font-size:1.1rem;font-weight:500}.card.dark .role{color:#f5f5f5}.card.dark .skills-heading{color:#fff}.skills-section{display:flex;flex-wrap:wrap;gap:12px}.skill{border:1px solid #93dbff;border-radius:16px;color:#333;font-size:.9rem;padding:6px 16px}.card.dark .skill{border:1px solid #fff;color:#fff}.skill:hover{background:navy;border:none;color:#f5f5f5;cursor:pointer;transform:translate(4px);transition:transform .3s ease}.bottom-row{display:flex;justify-content:space-between;margin-top:24px}.contact-btn{background:#8a2be2;color:#fff;margin-left:20px}.contact-btn:hover{background:#fff;border:1px solid #8a2be2;color:#8a2be2;cursor:pointer}.card.dark .contact-btn:hover{border:none}.contact-btn,.like-btn,.theme-btn{border:none;border-radius:12px;font-size:.9rem;font-weight:600;padding:6px 16px}.bio{color:#757575;font-size:1rem;font-weight:200;line-height:1.5rem}.card.dark .bio{color:bisque}.movie-ui{display:flex;flex-wrap:wrap;font-family:Times New Roman,Times,serif;gap:24px;justify-content:center;padding:24px}.movie-card{align-items:stretch;background:linear-gradient(135deg,#4f03ffd9,#02027cf2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 24px #0000004d;display:flex;gap:16px;padding:16px;transition:transform .3s ease,box-shadow .3s ease;width:380px}.movie-card:hover{box-shadow:0 16px 40px #6b12fa66;transform:translateY(-6px)}.movie-poster{border-radius:14px;flex-shrink:0;min-height:180px;object-fit:cover;width:130px}.right-part{align-items:start;display:flex;flex:1 1;flex-direction:column;gap:8px}.rate-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.movie-rating{background:#ff0;border-radius:24px;color:navy;font-size:.85rem;font-weight:700;padding:3px 12px;width:fit-content}.like-btn{background:none;border:none;cursor:pointer;font-size:1.4rem;transition:transform .2s ease}.like-btn:hover{transform:scale(1.3)}.like-btn.liked{transform:scale(1.1)}.movie-title{color:bisque;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0}.movie-info{color:#ffffffb3;display:flex;font-size:.8rem;gap:12px}.movie-info p{margin:0}.movie-cast{color:#ffffffbf;font-size:.78rem;line-height:1.4;text-align:start}.movie-director{background:#8a2be2;border-radius:16px;color:#fff;font-size:.78rem;margin-top:auto;padding:3px 12px;width:fit-content}.movie-app{background:linear-gradient(to bottom right,#746dff,#001264);box-sizing:border-box;min-height:100vh;padding-bottom:40px;text-align:center;width:100%}.heading{color:#f5f5f5;font-size:2.5rem}.search-input{border:none;border-radius:20px;padding:12px 48px;width:600px}.filter-section{align-items:center;display:flex;justify-content:center;margin-top:20px}.filter-section h4{color:#ff0}.genre-cards{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px;margin-left:32px}.genre-chip{background:#0000;border:1px solid #f5f5f5;border-radius:20px;color:#f5f5f5;font-size:.9rem;padding:6px 16px}.genre-chip-active,.genre-chip:hover{background-color:#9acd32;border:none;color:#000;transform:translate(4px);transition:.5s ease}.clear-filter{border:none;border-radius:16px;padding:4px 20px}.clear-filter:hover{font-weight:700;transform:translate(4px);transition:.5s ease}.sort-section{margin-bottom:32px}.sort-section label{color:#f5f5f5;font-weight:700}.sort-section select{border:none;border-radius:12px;padding:8px 24px}
/*# sourceMappingURL=main.1fe60a42.css.map*/