@import"https://fonts.googleapis.com/css2?family=Cairo:wght@500&display=swap";body{background-image:url("./image (9).jpg")}.Container{display:flex;flex-direction:column}.AppName{display:flex;flex-direction:row;align-items:center}.AppIcon{width:200px;height:50px}.Header{background-color:#000;color:orange;display:flex;justify-content:space-between;flex-direction:row;align-items:center;padding:10px;font-size:25px;font-weight:700}.myListNavBtn{padding:8px 15px;border-radius:15px;background-color:orange;color:#fff;font-size:15px;font-weight:700;border:none;margin-right:20px}.myListNavBtn:hover{cursor:pointer;background-color:#ff8c00}.Searchbar{display:flex;flex-direction:row;padding:10px;border-radius:6px;width:50%;background-color:#000;color:#fff;margin:auto}.Searchicon{width:32px;height:32px}.Movieimage{width:200px;height:50px;margin:15px}.Searchinput{color:#fff;background-color:#000;font-size:16px;font-weight:700;border:none;outline:none;margin-left:15px}.MovieListContainer{display:flex;flex-direction:row;flex-wrap:wrap;padding:30px;gap:25px;justify-content:space-evenly}.Placeholder{width:120px;height:120px;margin:150px;opacity:50%}.ListContainer{display:flex;flex-direction:column;padding:10px;width:280px;box-shadow:0 3px 10px #fcbd37;justify-content:space-evenly;background-color:#fff}.ListCoverImage{object-fit:cover;height:362px;cursor:pointer}.ListAdd{width:18px;height:18px}.ListMovieName{font-size:18px;font-weight:600;color:#000;margin:15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ListInfoColumn{display:flex;flex-direction:row;justify-content:space-between;color:#000}.ListMovieInfo{font-size:16px;font-weight:500;color:#000;white-space:nowrap;overflow:hidden;text-transform:capitalize;text-overflow:ellipsis}.btn{padding:7px 10px;background-color:orange;border-radius:5px;text-transform:uppercase;font-weight:700;display:inline-block;border:none;font-size:1rem;transition:all .3s ease;line-height:1.1}.btn:hover{background-color:#ff4500;opacity:1;cursor:pointer}.Infobtn{padding:7px 10px;background-color:#fff;border-radius:5px;text-transform:uppercase;font-weight:700;display:inline-block;border:solid;font-size:1rem;transition:all .3s ease;line-height:1.1}.Infobtn:hover{background-color:#c7c4c4;opacity:1;cursor:pointer}.btn:disabled{pointer-events:none;opacity:.5}.InfoContainer{display:flex;flex-direction:row;padding:20px 30px;justify-content:center;border-bottom:1px solid lightgray}.InfoCoverImage{object-fit:cover;height:350px}.InfoColumn{display:flex;flex-direction:column;margin:20px}.InfoMovieName{font-size:22px;font-weight:600;color:#000;margin:15px 0;white-space:nowrap;overflow:hidden;text-transform:capitalize;text-overflow:ellipsis}.InfoMovieName span{opacity:.8}.InfoMovieInfo{font-size:16px;font-weight:500;color:#000;overflow:hidden;margin:4px 0;text-transform:capitalize;text-overflow:ellipsis}.InfoMovieInfo span{opacity:.5}.InfoClose{color:#000}.watchlist-text{color:#000;font-size:30px}.noOutputNotifier{color:#fff;font-size:25px}.movie-page{padding:30px 0}.count-pill{display:block;background-color:#ff4500;padding:5px 15px;font-size:1.125rem;font-weight:600;border-radius:999px;color:#000}.movie-page .heading{color:var(--primary);margin:0}.movie-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px}@media (min-width: 992px){.movie-grid{grid-template-columns:repeat(5,1fr)}}.movie-card{width:100%;border-radius:5px;overflow:hidden;position:relative;border:0;display:block}.movie-card img{width:100%;display:block}.movie-card .overlay{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid transparent;transition:all .3s ease}.movie-card:hover .overlay{border:3px solid var(--secondary)}.movie-card .inner-card-controls{display:inline;background-color:red;position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:rgba(0,0,0,.8);border-radius:5px;padding:3px;opacity:0;transition:all .3s ease}.movie-card:hover .inner-card-controls{opacity:1}.ctrl-btn{color:#fefefe;background-color:transparent;border:none;transition:all .3s ease;font-size:1.25rem;padding:5px;margin:0 15px 0 0}.icon{width:24px;height:24px}.ctrl-btn:hover{background:green;cursor:pointer}body{margin:0;font-family:Cairo,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}