body{margin:0;padding:0;font-family:sans-serif;transition:background-color .3s,color .3s}[data-theme=Light]{--background-color:#fff;--text-color:#333}[data-theme=Dark]{--background-color:#333;--text-color:#fff}.header{color:#e50914;opacity:.9;background-color:#1f2937;grid-template-columns:1fr auto 1fr;align-items:center;padding:6px;display:grid}.header h1{cursor:pointer;grid-column:2;justify-self:center;margin:10px;font-size:36px}.header button{background-color:var(--background-color);min-width:5vw;max-width:6vw;color:var(--text-color);border-radius:23px;grid-column:3;justify-self:flex-end;margin-right:2vw;padding:5px 15px;font-size:3vh}.wholePage{color:#f9faf8;background-image:url(/assets/Login-bg-JdpIJnCq.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between;display:flex}.loginPage{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.loginPage h1{letter-spacing:1.75px;font-size:36px;font-weight:900}.loginPage h2{opacity:.7;margin-bottom:15px;font-weight:400}.inputBox{background-color:var(--background-color);color:var(--text-color);margin-bottom:27px;padding:1.5rem 1rem .5rem;font-size:18px;line-height:1.5}.loginBtn{color:#f9faf8;cursor:pointer;background-color:#1f2937;border:0;padding:10px 50px;font-size:16px;font-weight:600}.Footer{color:#f9faf8;opacity:.9;background-color:#1f2937;justify-content:center;align-items:center;padding:1vw;display:flex}.mainContent{background-color:var(--background-color);min-width:1.5px;color:var(--text-color);flex-direction:column;align-items:center;padding:40px;display:flex}.searchArea{justify-content:center;align-items:center;gap:6px;display:flex}.searchBox{background-color:var(--background-color);width:25vw;color:var(--text-color);border:2px solid #ccc;border-radius:4px;padding:12px 20px;font-size:16px}.searchBtn{background-color:inherit;cursor:pointer;color:inherit;border:2px solid #ccc;border-radius:4px;padding:12px 20px}.movieCard{color:#f9faf8;cursor:pointer;background-color:#1f2937;border-radius:15px;flex-direction:column;justify-content:space-evenly;align-items:center;margin:50px;padding:20px;transition:transform .2s;display:flex}.movieCard:hover{transform:scale(1.1)}.movieCard img{width:100%;height:40vh}.movieCard h2{font-weight:900}.movieCard h4 .released{opacity:.5}.pieContainer{color:#1f2937;background-color:#c9cbcf99;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:2vw;display:flex}.pieContainer h1{margin:0}.Moviedetails{background-color:var(--background-color);color:var(--text-color);flex-direction:column;padding:2vw;display:flex}.Moviedetails h1{margin-bottom:6px;font-size:50px;font-weight:500}.Moviedetails p{opacity:.6;margin-top:0}.mainMovieContent{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.leftAlign{flex-direction:column;max-width:70vw;margin-top:20px;display:flex}.leftMain{flex-direction:column;justify-content:space-evenly;margin-top:16px;display:flex}.rightAlign{align-self:flex-end}.genre{flex-wrap:wrap;gap:10px;display:flex}.genre span{color:#f9faf8;background-color:#1f2937;border-radius:20px;padding:7px 21px}.flex-hr{background-color:gray;border:none;width:100%;height:1px;margin:10px 0}.imdb{color:#f5c518;font-weight:900}.leftMain a{text-decoration:none}