@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Prata&display=swap);:root{--main-bg-color:#dfdfdf;--secondary-bg-color:#e2e2e2;--dark-grey:#333;--medium-grey:#555;--light-grey:#999;--navbar-bg-color:#3d405b}#root,body,html{height:100%}body{font-family:"Inter",sans-serif;font-size:1.4em;background:#dfdfdf;background:var(--main-bg-color);color:var(--main-text-color)}body,h1,h2,h3,p,span{margin:0}h1,h2,h3{font-family:"Prata",serif}input,textarea{color:var(--main-text-color);padding:8px;font-size:1em;border-radius:4px;border:1px solid #d4d4d4;background-color:#fff;display:block;width:100%;box-sizing:border-box}input:focus{outline:none!important;border:1px solid #000;box-shadow:0 0 10px #cbcbcb}.page-title{text-align:center;margin:10px auto;color:#333;color:var(--dark-grey);font-weight:300;font-size:3em}.error,.loading{text-align:center;margin:60px auto}.loader-container{max-width:1200px;display:flex;align-items:center;justify-content:center}.error.dark,.loading.dark,.page-title.dark{color:#e4e4e4}.btn{border:none;background:#3d405b;background:var(--navbar-bg-color);cursor:pointer;color:#fff;text-decoration:none;font-size:1em;border-radius:5px;padding:10px;width:100px;text-align:center}.btn:hover{opacity:.7}.logo{font-size:1.7em;color:#fff}@media only screen and (max-width:480px){.page-title{font-size:1.5em}}.searchbar form{display:flex;align-items:center;position:relative}.searchbar input{margin-left:10px;color:var(--dark-grey)}::-webkit-input-placeholder{opacity:.5;font-size:17px}:-ms-input-placeholder{opacity:.5;font-size:17px}::placeholder{opacity:.5;font-size:17px}.search-input{width:200px;border:1px solid #555;display:block;padding:9px 4px 9px 40px;background-color:#fff}.search-icon{position:absolute;cursor:pointer;-webkit-filter:invert(40%);filter:invert(40%);padding:9px 4px 9px 20px}.navbar{background-color:var(--navbar-bg-color);padding:20px;color:#fff}.navbar nav{display:flex;align-items:center;max-width:1200px;margin:0 auto}.navbar h2:hover,.navbar img:hover{opacity:.7}.navbar a.brand{margin-right:auto;color:#fff;text-decoration:none}.add-film{margin-right:50px;width:30px}.search{cursor:pointer;width:30px;-webkit-filter:invert();filter:invert()}.add-film:hover{color:#333}.logout-container{display:flex;align-items:center;grid-gap:10px;gap:10px}.logout-container p{font-size:16px;font-weight:500;text-transform:uppercase}.logout{width:30px;cursor:pointer}.search-container{display:flex;align-items:center;grid-gap:10px;gap:10px}@media only screen and (max-width:600px){.logout-container p{display:none}.add-film{margin-right:12px}}@media only screen and (max-width:480px){.logout-container p{display:none}.add-film{margin-right:12px}.navbar h2{font-size:.8em}}.film-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;max-width:1200px;margin:40px auto;padding:30px}.user-list{display:flex;justify-content:center}.user-list h2{text-transform:uppercase}.card img{max-width:80%;align-items:center}.film-list .card{background-color:#fff;color:var(--dark-grey);padding:25px;border-radius:5px;box-shadow:3px 3px 3px rgba(0,0,0,.05);transition:all 1.5s ease;position:relative;text-align:center}.film-list .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.film-list .card h3{color:var(--medium-grey);margin-bottom:6px}.film-list .card p{color:var(--light-grey);font-size:.9em}.film-list .card div{color:var(--medium-grey);font-size:.7em;margin:20px 0;line-height:1.5em}.film-list .card a{color:#fff;text-decoration:none;background:var(--secondary-bg-color);font-size:.9em;border-radius:5px;padding:10px;width:200px;text-align:center}.film-list .card a:hover{opacity:.8}.delete-icon{position:absolute;width:20px;top:10px;right:10px;cursor:pointer;-webkit-filter:invert(50%);filter:invert(50%);transition:1s ease}.error{margin-top:200px;width:400px;padding:20px;border-radius:20px}.error-message{text-transform:uppercase;color:#fff}.film-list .card.dark{background-color:var(--medium-grey)}.film-list .card.dark div,.film-list .card.dark h3,.film-list .card.dark p{color:var(--secondary-bg-color)}.card.dark .delete-icon,.card.dark .edit-icon{-webkit-filter:invert(90%);filter:invert(90%)}.add-alert-container,.delete-alert-container,.update-alert-container{display:flex;align-items:center;justify-content:center}.delete-alert{background-color:#b70233}.add-alert,.update-alert{background-color:#249c6b}.add-alert,.delete-alert,.update-alert{visibility:hidden;color:#e4e4e4;padding:20px 40px;border-radius:5px}.add-alert.show,.delete-alert.show,.update-alert.show{visibility:visible}.edit-icon{position:absolute;width:20px;top:10px;left:10px;cursor:pointer;-webkit-filter:invert(50%);filter:invert(50%);transition:1s ease}.delete-icon:hover,.edit-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media only screen and (max-width:600px){.film-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;max-width:1200px;margin:40px auto;padding:30px}}@media only screen and (max-width:480px){.film-list{display:grid;grid-template-columns:1fr;grid-gap:40px;max-width:1200px;margin:40px auto;padding:30px}.user-list h2{font-size:1.2em}}.home{max-width:1200px;margin:60px auto}.theme-selector{display:flex;justify-content:flex-end;align-items:center;max-width:1200px;margin:20px auto;padding:20px}.theme-buttons div{display:inline-block;width:20px;height:20px;cursor:pointer;margin-left:15px;border-radius:50%;transition:1s}.theme-buttons div:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.mode-toggle{margin-right:auto}.mode-toggle img{width:40px;height:40px;cursor:pointer;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.mode-toggle img:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.create{color:var(--medium-grey);max-width:480px;margin:60px auto;background-color:#fff;padding:1em;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.05)}.create label span{display:block;margin:30px 0 10px}.create textarea{resize:none}.create input,.create textarea{box-shadow:3px 3px 3px rgba(0,0,0,.05)}.create p{margin-top:10px;font-size:.8em}.create button{display:block;width:100px;font-size:1em;color:#fff;padding:10px;border:none;border-radius:5px;background-color:var(--navbar-bg-color);cursor:pointer;text-decoration:none;margin:20px auto}.create button:hover{opacity:.8}.create.dark h2,.create.dark span{color:#fff}.page-title{font-size:3rem}@media only screen and (max-width:600px){.create{max-width:300px;padding-bottom:20px}}.film-container{padding-bottom:10px}.film{max-width:1000px;margin:60px auto;text-align:center;background-color:#fff;padding:40px;box-sizing:border-box;transition:all 1.5s ease}.film h2{color:var(--medium-grey);font-weight:700}.film p{color:var(--light-grey);font-size:1em;font-weight:400}.film p:last-child{color:var(--medium-grey)}.film img{margin:20px 0;max-width:30%;transition:all 1s ease}.film img:hover{-webkit-transform:scale(1.7);transform:scale(1.7)}.film.dark{background-color:var(--medium-grey)}.film.dark h2,.film.dark p,.film a{color:#fff}.film a{display:block;width:150px;font-size:1em;padding:10px;border:none;border-radius:5px;background-color:var(--navbar-bg-color);cursor:pointer;text-decoration:none;margin:20px auto}.film a:hover{opacity:.8}@media only screen and (max-width:480px){.film{margin:20px auto;max-width:340px;padding:20px}.film p{font-size:.5em;font-weight:500}.film h2{font-size:1.5em}.film a{width:100px;font-size:.7em}.film img{max-width:50%}.film-container{height:90vh}}.footer-container{display:flex;align-items:center;flex-direction:column;padding-top:60px;padding-bottom:20px;grid-gap:10px;gap:10px;color:var(--medium-grey)}.footer-container p{font-size:.5em;font-weight:500}.footer-line{background-color:var(--medium-grey);height:1.5px;width:200px}.link-container{display:flex;align-items:center;grid-gap:10px;gap:10px}.link-container img{width:30px;-webkit-filter:invert(45%);filter:invert(45%);cursor:pointer}.link-container img:hover{opacity:.7}@media only screen and (max-width:480px){.link-container img{width:30px}.footer-container p{font-size:.5em}.footer-line{width:150px}}@media only screen and (max-width:480px){.footer-container{display:none}}.logo-container{display:flex;align-items:center;grid-gap:20px;gap:20px;margin-top:60px}.logo-container h2,.logo-container p{font-size:2em;color:var(--medium-grey);margin-bottom:100px}.logo-container p{font-weight:400;font-size:1em;width:200px}.logo-container span{font-weight:600;margin-bottom:0}.line{border-left:2px solid var(--medium-grey);height:100px;left:50%;margin-left:-3px;margin-bottom:100px}@media only screen and (max-width:480px){.line,.logo-container h2,.logo-container p{margin-bottom:50px}.add-film{margin-right:12px}.navbar h2{font-size:.8em}}.login-container{display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#dfdfdf}.login-form{width:400px;padding:1em;border-radius:10px;background-color:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.05)}.login-form h2,.login-form input,.login-form label,.login-form span{color:var(--medium-grey)}.login-form label{display:block;margin:30px auto}.login-form span{display:block;margin-bottom:6px}.login-form .important{margin-bottom:0}.login-form input{padding:8px 6px;font-size:1em;width:100%;box-shadow:3px 3px 3px rgba(0,0,0,.05)}.btn-container{display:flex;align-items:center;justify-content:space-between}.login-form.dark h2,.login-form.dark label,.login-form.dark span{color:var(--light-grey)}@media only screen and (max-height:1100px){.login-form{padding-bottom:250px}}@media only screen and (max-width:480px){.login-form{padding-top:50px;padding-bottom:180px}}@media only screen and (max-width:375px){.login-form{padding-top:50px;padding-bottom:180px}.login-container{padding:20px}}.signup-form{max-width:360px;margin:auto;padding-top:50px;padding-bottom:300px}.signup-form h2,.signup-form input,.signup-form label,.signup-form span{color:var(--medium-grey)}.signup-form label{display:block;margin:30px auto}.signup-form span{display:block;margin-bottom:6px}.signup-form .important{margin-bottom:0}.signup-form input{padding:8px 6px;font-size:1em;width:100%}.disabled,.disabled:hover{opacity:.5}.signup-form.dark h2,.signup-form.dark label,.signup-form.dark span{color:var(--light-grey)}.arrow-icon{cursor:pointer;width:30px;-webkit-filter:invert(45%);filter:invert(45%);transition:1s ease}.arrow-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@media only screen and (max-height:1100px){.signup-form{padding-bottom:150px}}@media only screen and (max-width:480px){.signup-form{padding-top:50px;padding-bottom:80px}}.preloader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;min-width:100%;background-color:var(--navbar-bg-color)}.loader-logo{width:200px}.preloader{width:100px}.App{min-height:100%}.App.dark{background-color:var(--dark-grey)}
/*# sourceMappingURL=main.de4819a5.chunk.css.map */