:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html{width:100%;height:100%;margin:0;padding:0}.main-content{height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow-x:hidden;overflow-y:scroll;scrollbar-width:0}.favourites{width:100%}.movie-card{height:400px;width:200px;position:relative;background-color:#d60202;border-radius:10px;box-shadow:2px 2px 5px #000c;display:flex;flex-direction:column;align-items:left;justify-content:center;gap:5px;margin:20px}.movie-card:hover .movie-overlay{opacity:1}.movie-overlay{position:absolute;opacity:0;transition:opacity .2s;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center}favourite-btn{background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:tranform .3s}.favourite-btnactive{color:red}.favourite-btn:hover{transform:scale(1.2);color:red}.movie-info p{margin:5px 0 0;color:#fff;font-size:.9rem;text-align:center}.movie-info{padding:10px 0}.movie-info h3{margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.movie-image img{width:100%;height:100%;object-position:center;object-fit:cover;border-radius:5px}.movies-grid{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:100vh;flex-wrap:wrap;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}.home{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.search-input{width:200px;height:35px;border:none;border-radius:5px;padding-left:5px;margin:10px}.search-button{width:50px;height:35px;text-align:center;display:flex;align-items:center;justify-content:center;background-color:#c21c1c;color:#fff;padding:5px}form{display:flex;align-items:center;justify-content:center}.nav-container{position:sticky;top:0;width:100%;height:50px;margin-bottom:10px}.navbar{background-image:linear-gradient(#290101,#bb1818);margin-bottom:20px;height:50px;width:100%;padding:10px;display:flex;flex-direction:row;justify-content:space-between;gap:10px;align-items:center}.navbar-brand{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.nav-links{text-decoration:none;color:#fff;padding:10px}.favourites{height:100%;width:100%}