*{margin:0;box-sizing:border-box;padding:0;font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal}.geist-font{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}html{scroll-behavior:smooth}.flex{display:flex}.hidden{display:none}input:focus,input{outline:none;color:#d9d9d94d}.container{background-color:#000;width:100%;height:calc(100vh - 59px)}header .logo{color:#f33f3f;font-size:20px;text-align:left}header{background-color:#000;border-bottom:1px #9a9a9a solid;justify-content:space-between;padding:16px}header svg{display:none}.navbar .profile .profile-link{display:inline;width:auto;padding:0}.navbar .no-navlink{display:block;padding:0;background-color:transparent}.navbar .no-navlink.active{background-color:transparent}.navbar{flex-grow:1;padding:10px;height:100%;position:relative;overflow:hidden}.navbar .nav-list li{list-style:none;padding-bottom:20px;display:block}.navbar input{background-color:transparent;border:rgba(217,217,217,.3) 1px solid;color:#d9d9d94d;border-radius:5px;padding:0 20px;height:30px;width:100%}.navbar a{display:block;width:100%;padding:10px 0 10px 10px;background-color:transparent;color:#e1e1e1;text-decoration:none}.navbar a.active{background-color:#1f1f1f;border-radius:5px}.navbar .navbar-button{width:100%;padding:10px 0 10px 10px;margin-bottom:15px}.navbar p{color:#9a9a9a;font-size:14px}.navbar .watchList{overflow-y:auto;height:35%}.navbar .watchList-item{gap:5px;padding:5px;align-items:center;margin-bottom:5px;display:flex}.navbar .profile{color:#9a9a9a;align-items:center;border:#e1e1e1 1px solid;padding:5px;width:90%;border-radius:4px;gap:5px;position:absolute;bottom:10px;justify-content:space-between;display:flex}.navbar .profile img{border-radius:50%}.navbar .profile a{width:auto;right:5px}.main{background-color:#969b9b1a;padding:3%;overflow-y:scroll;color:#e1e1e1;width:80%;position:relative}.main .welcome{background-color:#d9d9d91a;color:#e1e1e1;padding:10px;border-radius:5px}.welcome p.title{font-size:20px;font-weight:light;margin-bottom:20px}.welcome p.title span{color:#f33f3f}.welcome .welcome-text{font-size:16px;margin-bottom:10px}.searchbar{margin:30px 0;width:100%;position:relative;color:#d9d9d94d}.searchbar input{width:100%;background-color:transparent;border:rgba(217,217,217,.3) 1px solid;padding:0 30px;border-radius:5px;height:30px}.searchbar svg{position:absolute;left:5px;top:0;bottom:0;margin:auto}.searchbar button{position:absolute;right:0;background-color:#f33f3f;padding:0 20px;height:30px;border:none;border-radius:0 5px 5px 0}.movies{flex-wrap:wrap;gap:50px;width:100%;overflow-x:auto}.movie-list .title{font-size:20px;margin-bottom:30px}.movie-list li{list-style:none;flex-direction:column}.movie-list .movie{width:120px;flex-grow:.5;background-color:#1f1f1f;cursor:pointer;font-size:16px;gap:10px;position:relative;transition:all .5 1s ease-in-out}.movie-list .movie:hover{transform:translateY(-2px)}.movie svg{position:absolute;top:2px;left:2px}.movie-details{padding:10px}.movie .movie-rating{text-align:right;margin-bottom:10px}@media all and (max-width: 700px){header svg{display:block}.welcome{display:none}.navbar{position:absolute;background-color:#000;z-index:1}.main{width:100%}.searchbar{margin:5px 0 20px}}@media all and (min-width: 700px){.navbar{display:block}}.create-watchlist{flex-direction:column}.create-watchlist p{font-size:25px;margin-bottom:3%}.create-watchlist label{font-size:16px}.create-watchlist input,.user-login input{background-color:transparent;border:#e1e1e1 1px solid;outline:none;border-radius:2px;padding:1%;margin-bottom:3%;color:#d9d9d94d}.create-watchlist input.description{padding:.7% 0 10% .7%}.create-watchlist button{width:fit-content;padding:10px}.login-heading p{color:#e1e1e1;font-size:27px}.login-container{position:relative;width:100%;height:100%}.user-login{flex-direction:column;gap:5px;justify-content:center;margin:5% auto;width:fit-content;height:fit-content}.user-login input{width:250px;padding:7px;border-bottom:1%}.user-login button{width:200px;padding:7px}.user-login p,.user-login a,.user-login img{place-self:center}.user-login a{color:#f33f3f}.watchlist-detail .header{font-size:36px;margin-bottom:2%}.watchlist-detail .list-description{font-size:14px;margin:1% 0 5%}.watchlist-detail .list-details{gap:20px;margin-bottom:5%}.detail-box{background-color:#d9d9d91a;border:#a41b1b 1px solid;border-radius:5px;padding:7px;flex-direction:column;justify-content:space-around;align-items:center}.metric{font-size:30px;color:#f33f3f}.movie-details{flex-direction:column;justify-content:space-between;padding:10px 20px}.movie-details h2,.movie-details h4{padding:5px 0}.movie-details .buttons{align-items:center;padding:20px 0;gap:30px}.movie-details .movie-details-button{padding:15px 20px}.cast-container{margin:2% 0}.cast-container .cast-list{gap:3%;overflow-x:auto}.cast-container .cast{width:150px;color:#e1e1e1;padding:0 0 10px;background-color:#1f1f1f}.cast .cast-name{font-size:16px}.cast .cast-role{font-size:14px}@media all and (max-width: 819px){.movie-details-container{gap:20px;flex-direction:column;place-items:center}.movie-details-container img{flex-grow:.5}}