.navbar-container{display:flex;justify-content:space-between;align-items:center;margin:0;background-color:#02263f;color:#fff}.navbar-list{margin:0;list-style-type:none;display:flex;gap:20px;text-decoration:none}.navbar-logo{max-width:90px;margin-left:5px}.navbar-logo img{max-width:100%}.link{color:#fff;text-decoration:none}.signup{border:1px solid #bebebe;color:#fff;background-color:#0f0f0f;padding:5px;border-radius:5px;text-decoration:none}.login{border:none;color:#fff;background-color:#026e74;padding:7px 10px;border-radius:5px;margin-right:20px;text-decoration:none}.signup:hover{background-color:#ececec;color:#008f97}.login:hover{background-color:#014874}.link:hover{color:#d0cfcf}@media screen and (max-width: 576px){.navbar-list{justify-content:center;gap:27px;flex-wrap:wrap}.signup,.login{font-size:14px}}.movie-list-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b1b1b;color:#fff}.movie-list-container{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:20px;margin-left:10px}.movie-link{display:flex;position:relative;flex-direction:column}.movie-list-card-texts{display:flex;flex-direction:column;justify-content:flex-end;flex-wrap:wrap;position:absolute;padding-left:10px;top:10;left:0;bottom:0;right:0;opacity:0}.movie-title{color:#fff;font-size:16px;font-weight:600}.movie-release-date{color:#fff;text-decoration:none;font-size:13px;font-weight:600}.movie-link:hover img{filter:brightness(30%);transition:.2s;scale:1.1;z-index:10}.movie-link:hover .movie-list-card-texts{opacity:1;transition:.4s;z-index:10;scale:1.1}@media screen and (max-width: 616px){.movie-list-container{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-bottom:20px;margin-top:20px}}:root{margin:0;font-family:-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}body{background-color:#1b1b1b;font-family:Helvetica,sans-serif;margin:0;color:#fff}.loading{display:flex;margin-top:200px;justify-content:center;align-items:center}.lds-dual-ring{display:inline-block;width:80px;height:80px}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movie-list-title-select{display:flex;justify-content:space-between;align-items:center;min-width:95%;margin:0 15px}.movie-list-title-select h1{text-decoration:overline;font-size:24px}.select-movie-list-btn{padding:8px;border-radius:10px}@media screen and (max-width: 576px){.movie-list-title-select h1{text-decoration:overline;font-size:18px}.select-movie-list-btn{padding:5px;border-radius:10px}}.notfound-container{margin-top:130px;text-align:center;color:#fff;font-size:24px}.movie-info-container{max-width:800px;width:100%;margin:0 auto;display:flex}@media screen and (max-width: 800px){.movie-info-container{flex-direction:column}}.movie-info-container>div{padding:20px}.movie-info-container img{max-width:100%;min-width:400px;height:auto;margin-bottom:20px}.overview-section,.details-section,.production-companies-section{margin-bottom:40px}.movie-info-container a{color:#fff;text-decoration:none}.movie-info-container a:hover{color:#fff;text-decoration:underline}.production-companies-section img{max-width:180px;height:auto;margin-right:8px;min-width:auto}.new-account-container{display:flex;justify-content:center;align-items:center;margin-top:120px;color:#fff}.new-account-input-container{display:flex;flex-direction:column;align-items:end;padding:80px;border:1px solid #fff;gap:20px}.new-account-input-container input{margin-left:10px;padding:10px;border-radius:10px}.login-container{display:flex;justify-content:center;align-items:center;margin-top:120px;color:#fff}.login-input-container{display:flex;flex-direction:column;align-items:end;padding:80px;border:1px solid #fff;gap:20px}.submit{padding:10px;background-color:#008f97;color:#ececec;font-weight:600;border:none;border-radius:10px}.login-input-container input{margin-left:10px;padding:10px;border-radius:10px}.submit:hover{background-color:#016f74}