html,body{height:100%;margin:0}.login-app-wrapper{width:70%;height:98%;background-color:#464f51;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.logo-large{height:90px;position:absolute;margin:25px auto auto;top:0}@keyframes softNeonPulse{0%,to{text-shadow:0 0 8px rgba(15,244,198,.3),0 0 12px rgba(15,244,198,.2)}50%{text-shadow:0 0 12px rgba(15,244,198,.6),0 0 18px rgba(15,244,198,.4)}}.logo-header{margin:3px 0;font-size:90px;font-family:Fredoka,sans-serif;font-weight:500;color:#0ff4c6;animation:softNeonPulse 5s infinite ease-in-out}.header-subtext{font-size:25px;margin:0 0 20px;font-family:Fredoka,sans-serif;font-weight:500;color:#0ff4c6}.login-section{width:400px;height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column}.username-input{background-color:#000009;border:none;color:#d68fd6;width:280px;height:30px;border-radius:5px;font-family:Syne,sans-serif;font-size:20px}.password-input-header{font-family:Syne,sans-serif;font-size:30px;color:#defff2;margin:20px 150px 10px 10px}.password-input{background-color:#000009;border:none;color:#d68fd6;width:280px;height:30px;border-radius:5px;font-family:Syne,sans-serif;font-size:20px}.register-text{color:#defff2;font-family:Syne,sans-serif;margin-top:20px;font-size:18px}.login-button{margin-top:20px;width:280px;height:50px;background-color:#d68fd6;border:none;border-radius:0 20px;transition:.4s;font-family:Syne,sans-serif;font-size:35px}.login-button:hover{border-radius:20px;transition:.2s;font-size:38px;background-color:#e07be0;cursor:pointer}.login-error{color:#ff7474;font-family:Syne,sans-serif;font-size:18px}a{color:#d68fd6;text-decoration:none}a:hover{color:#0ff4c6;text-decoration:underline}.page-background{background-color:#000009;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.register-app-wrapper{width:70%;height:98%;background-color:#464f51;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;gap:60px}.logo-header{margin:3px 0;font-size:90px;font-family:Fredoka,sans-serif;font-weight:500;color:#0ff4c6;text-shadow:rgba(15,244,198,.9) 0px 0px 15px}.register-section{width:400px;height:400px;display:flex;align-items:center;flex-direction:column}input:focus{outline:none}.username-input-header{font-family:Syne,sans-serif;font-size:30px;color:#defff2;margin:10px 150px 10px 10px}.username-input{background-color:#000009;border:none;color:#d68fd6;width:280px;height:30px;border-radius:5px 0;font-family:Syne,sans-serif;font-size:20px}.mail-input-header{font-family:Syne,sans-serif;font-size:30px;color:#defff2;margin:10px 220px 10px 10px}.mail-input{background-color:#000009;border:none;color:#d68fd6;width:280px;height:30px;border-radius:5px 0;font-family:Syne,sans-serif;font-size:20px}.password-input-header{font-family:Syne,sans-serif;font-size:30px;color:#defff2;margin:10px 150px 10px 10px}.password-input{background-color:#000009;border:none;color:#d68fd6;width:280px;height:30px;border-radius:5px 0;font-family:Syne,sans-serif;font-size:20px}.login-text{color:#defff2;font-family:Syne,sans-serif;margin-top:20px}.register-button{margin-top:20px;width:280px;height:50px;background-color:#d68fd6;border:none;border-radius:0 20px;transition:.4s;font-family:Syne,sans-serif;font-size:35px}.register-button:hover{border-radius:20px;transition:.2s;font-size:38px;background-color:#e07be0;cursor:pointer}.register-error{color:#ff7474;font-family:Syne,sans-serif;font-size:18px}.user-app-wrapper{width:70%;height:98%;background-color:#464f51;border-radius:20px;display:flex;align-items:center;flex-direction:column;position:relative}.user-icon{background-color:#d68fd6;height:125px;width:125px;display:flex;align-items:center;justify-content:center;font-size:50px;font-family:Fredoka,sans-serif;font-weight:700;border-radius:50%;margin-top:150px;margin-bottom:10px;color:#000006}.user-information-section{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.user-name{font-size:50px;margin:0}.user-mail{font-size:18px;margin:0}.user-information{color:#d68fd6;font-family:Syne,sans-serif}.reviews-section-header{color:#0ff4c6;font-family:Fredoka,sans-serif;font-size:35px;width:97%;margin:55px 0 0;z-index:2}.user-reviews-section{position:absolute;margin-top:90px;height:400px;width:97%;bottom:0;border-radius:0 0 20px 20px;overflow:scroll;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px}.user-review{width:350px;height:125px;border:1px solid #DEFFF2;border-radius:20px;box-shadow:6px 6px 5px #000000bf;-webkit-box-shadow:6px 6px 5px 0px rgba(0,0,0,.75);-moz-box-shadow:6px 6px 5px 0px rgba(0,0,0,.75);transition:.4s;display:flex;position:relative;flex-direction:column;overflow:hidden}.movie-poster-background{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;filter:blur(5px);display:block;z-index:0;border-radius:20px}.user-review:hover{cursor:pointer;width:360px;height:130px;transition:.2s}.review-movie-name{color:#0ff4c6;font-family:Syne,sans-serif;font-size:30px;margin:8px 0 0 8px;width:70%;height:70%;display:flex;align-items:center;justify-content:center;z-index:1;text-shadow:3px 3px 2px rgba(0,0,0,.6)}.review-movie-rating-container{height:100px;width:100px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;height:100%;z-index:1}.review-movie-rating{color:#d68fd6;height:100%;width:100%;right:0;z-index:1}.review-movie-rating-number{font-family:Syne,sans-serif;font-size:25px;z-index:5;margin:0;position:absolute;color:#defff2}.review-made-date{color:#defff2;font-family:Syne,sans-serif;position:absolute;bottom:0;left:0;margin:0 0 2px 15px;opacity:50%;z-index:1}.error-message{font-size:30px;color:#defff2;font-family:Syne,sans-serif}.remove-user-button{position:absolute;width:100px;height:50px;background:#0ff4c6;border:none;border-radius:20px 0;left:0;top:0;margin-top:10%;margin-left:20px;font-family:Syne,sans-serif;font-size:18px;transition:.4s}.remove-user-button:hover{border-radius:20px;transition:.2s;cursor:pointer}.logout-user-button{position:absolute;width:100px;height:50px;background:#ff4f4f;border:none;border-radius:20px 0;left:0;top:0;margin-top:15%;margin-left:20px;font-family:Syne,sans-serif;font-size:18px;transition:.4s}.logout-user-button:hover{border-radius:20px;transition:.2s;cursor:pointer}.remove-user-review-button{position:absolute;top:0;left:0;color:#ff4f4f;z-index:5;margin-left:10px;margin-top:10px;height:25px;width:25px;transition:.2s}.remove-user-review-button:hover{transform:rotate(15deg);height:30px;width:30px;transition:.1s}.header-container{width:100%;height:100px;position:absolute;top:0;background-color:#0ff4c6;border-radius:20px 20px 0 0;display:flex;align-items:center;justify-content:space-around;gap:80px}.nav-admin-button.denied{background-color:#d9534f;color:#fff;border:none;transition:background-color .3s ease}.header-logo{height:60px;transition:.2s}.header-logo:hover{transform:rotate(-15deg);transition:.3s;cursor:pointer}.nav-user-button{border:none;width:150px;height:75px;border-radius:20px 0;background-color:#defff2;font-family:Syne,sans-serif;font-size:27px;color:#000009;transition:.4s}.nav-admin-button{border:none;width:150px;height:75px;border-radius:0 20px;background-color:#defff2;font-family:Syne,sans-serif;font-size:27px;color:#000009;transition:.4s}.nav-user-button:hover,.nav-admin-button:hover{border-radius:20px;background-color:#c0ffe6;cursor:pointer;transition:.2s}.movies-app-wrapper{width:70%;height:98%;background-color:#464f51;border-radius:20px;display:flex;justify-content:flex-end;flex-direction:column;position:relative;overflow:scroll}.main-content-container{height:88.5%;width:100%}.movies-container-header{color:#defff2;font-size:60px;width:100%;text-align:center;margin:130px 0 0;font-family:Fredoka,sans-serif;font-weight:600;position:absolute;top:0}.movies-container{width:100%;height:630px;display:flex;flex-wrap:wrap;justify-content:center;position:absolute;bottom:0;gap:50px}.movie{border-radius:15px 0;height:450px;width:250px;margin:10px;position:relative;box-shadow:10px 10px 5px #121414b6;transition:.2s}.movie:hover{cursor:pointer;height:460px;width:260px;box-shadow:7px 7px 5px #121414b6;transition:.2s}.movie-poster{position:absolute;width:100%;height:65%;object-fit:cover;object-position:center center;display:block;z-index:0;border-radius:12px 0 0}.movie-rating-star{height:20px;width:20px;fill:#d68fd6}.movie-rating-section{height:30px;width:50px;position:absolute;bottom:0;left:0;margin-bottom:125px;margin-left:5px;display:flex;justify-content:center;align-items:center;z-index:2;gap:3px}.movie-rating-amount{font-size:18px;color:#defff2;font-family:Syne,sans-serif;margin:0}.movie-information{background:#000009;width:100%;height:35%;position:absolute;bottom:0;border-radius:0 0 12px}.movie-title{width:100%;height:70%;position:absolute;bottom:0;margin:10px;font-size:20px;overflow:hidden;color:#defff2;font-family:Syne,sans-serif}.inspected-movie-overlay{width:98%;height:88.5%;display:flex;position:relative;gap:40px}.inspected-movie-poster-container{width:30%;height:70%;border-radius:20px 0;overflow:hidden;display:flex;justify-content:center;margin-top:20px;margin-left:40px}.inspected-movie-poster{object-fit:cover;object-position:center center;display:block}.inspected-movie-information{width:30%;height:60%;display:flex;flex-direction:column;align-items:center;margin-top:20px}.inspected-movie-title{font-family:Syne,sans-serif;color:#0ff4c6;font-size:40px;width:100%;margin:40px 0}.inspected-movie-directors,.inspected-movie-release-year,.inspected-movie-genre{font-family:Syne,sans-serif;color:#defff2;width:100%;font-size:20px;margin:5px}.inspected-movie-info-header{font-size:16px;text-decoration:underline;color:#0ff4c6}.inspected-movie-rating-section{position:absolute;width:30%;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-bottom:110px;margin-left:25px;gap:10px}.inspected-movie-rating-star{width:50px;height:50px;color:#d68fd6}.inspected-movie-rating-number{font-family:Syne,sans-serif;color:#defff2;font-size:40px}.reviews-container{position:absolute;height:25%;width:60%;bottom:0;right:0;margin-right:30px;background-color:#d68fd642;border:2px solid #D68FD6;border-radius:20px 20px 0 0;overflow:scroll;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.review{width:45%;height:90%;background-color:#000009;border-radius:15px;margin:10px;display:flex;align-items:center;flex-direction:column-reverse;position:relative}.review-by{color:#defff25d;margin-right:5px}.review-user-name{position:absolute;top:0;left:0;color:#0ff4c6;font-family:Syne,sans-serif;font-size:20px;margin:5px 0 0 10px}.review-comment{color:#defff2;height:130px;margin-left:8px;margin-right:8px;margin-bottom:5px;font-family:Fredoka,sans-serif;overflow:scroll}.review-star-icon{position:absolute;color:#d68fd6;top:0;right:0;width:20px;height:20px;margin-top:8px;margin-right:45px}.review-rating{position:absolute;top:0;right:0;margin:7px 15px 0 0;color:#defff2;font-family:Syne,sans-serif;font-size:18px}.back-button{color:#0ff4c6;position:absolute;bottom:0;left:0;margin-left:30px;margin-bottom:10px;height:80px;width:80px;transition:.2s}.back-button:hover{transform:rotate(15deg);transition:.2s;color:#d68fd6;cursor:pointer}.review-star-icon-template{margin-right:70px}.review-input-rating{position:absolute;top:0;right:0;border:none;border-radius:5px;height:25px;width:50px;margin-top:5px;margin-right:7px;font-size:18px;background-color:#464f51;color:#defff2;font-family:Syne,sans-serif}.review-input-comment{background-color:#464f51;color:#defff2;font-family:Fredoka,sans-serif;border:none;height:130px;overflow:scroll;width:80%;margin-bottom:5px;margin-right:45px;border-radius:10px;font-size:16px;resize:none;outline:none}.review-input-comment-send{position:absolute;right:0;bottom:0;background-color:#0ff4c6;border:none;width:40px;height:40px;border-radius:50%;margin-right:5px;margin-bottom:50px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:.2s}.review-input-comment-send:hover{background-color:#d68fd6;transition:.2s}.review-input-comment-send:hover .send-icon{transform:rotate(15deg);transition:.2s}.send-icon{height:20px;width:20px;transition:.2s}.admin-app-wrapper{width:70%;height:98%;background-color:#464f51;border-radius:20px;display:flex;justify-content:center;align-items:center;position:relative}.movie-list{border:1px solid #00000631;border-radius:5px 0 0 5px;height:96%;width:48%;display:flex;flex-direction:column;flex-wrap:wrap}.movie-in-list{width:100%;height:5%;border-bottom:1px solid #0FF4C6;display:flex;align-items:center;justify-content:center;transition:.3s}.movie-in-list:hover{background-color:#0000095b;transition:.2s;cursor:pointer;height:6%}.movie-in-list-title{width:98%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;margin:0;font-size:23px;font-family:Syne,sans-serif;color:#defff2;cursor:pointer}.action-panel{background-color:#0000065d;border-left:none;border-radius:0 5px 5px 0;height:96%;width:48%;display:flex;align-items:center;flex-direction:column;justify-content:space-between;position:relative}.selected-movie-poster-container{height:60%;width:60%;border-radius:20px 0;margin-top:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.selected-movie-poster{height:100%;display:block;object-fit:cover;object-position:center center}.selected-movie-info{height:30%;width:100%;margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.selected-movie-info input{background-color:transparent;border:1px solid #D68FD6;border-radius:5px;color:#d68fd6;font-family:Fredoka,sans-serif;font-size:20px;text-align:center;padding:5px 10px;width:80%;outline:none;transition:border .2s ease}.selected-movie-info input:focus{border-color:#0ff4c6}.selected-movie-title{font-family:Fredoka,sans-serif;font-weight:500;color:#d68fd6;font-size:40px;margin:5px;text-align:center}.selected-movie-directors,.selected-movie-genres,.selected-movie-release-year{font-family:Fredoka,sans-serif;color:#d68fd6;margin:5px}.selected-movie-delete{font-family:Syne,sans-serif;color:#ff5757;font-size:18px;position:absolute;bottom:0;left:0;margin:0 0 10px 10px;transition:.2s}.selected-movie-delete:hover{cursor:pointer;font-size:20px;transition:.2s}.selected-movie-edit{font-family:Syne,sans-serif;color:#0ff4c6;font-size:18px;position:absolute;bottom:0;right:0;margin:0 10px 10px 0;transition:.2s}.selected-movie-edit:hover{cursor:pointer;font-size:20px;transition:.2s}.add-new-movie-button{width:100%;height:5%;border-bottom:1px solid #0FF4C6;display:flex;align-items:center;justify-content:center;transition:.3s;background-color:#252a2c}.add-new-movie-button:hover{background-color:#16191a}.add-new-movie-title{width:98%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;margin:0;font-size:23px;font-family:Syne,sans-serif;color:#defff2;cursor:pointer}