body,html{font-family:Montserrat,sans-serif;margin:0;padding:0}:root{--clr-primary-1:#bf40bf;--clr-primary-2:#5d3fd3}#login-container,#signup-container{align-items:center;background-image:linear-gradient(to bottom right,#bf40bf,#5d3fd3);background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;justify-content:center}#login-container{height:100vh}.login-container{background-color:#fff;border:2px solid #fff;border-radius:10px;margin:2rem 0;max-width:350px;padding:20px;width:70vw}.login-title{font-size:2rem;font-weight:700;letter-spacing:1px;text-align:center;text-transform:capitalize}.login-container input{background-color:transparent;border:none;border-bottom:1px solid #000;color:#5d3fd3;color:var(--clr-primary-2);font-size:1rem;margin-bottom:1rem;outline:none;padding:.5rem 0;width:100%}.login-container #email,.login-container #password{margin-top:1rem;width:95.5%}.login-container #login{background-image:linear-gradient(90deg,#bf40bf,#5d3fd3);border-bottom:none;border-radius:5px;color:#fff;font-size:1.2rem;font-weight:500;margin-top:2rem;padding:1rem}.login-info,.signup-info{display:flex;font-size:.8rem;justify-content:center;margin:2rem}.login-container span,.signup-container span{color:#5d3fd3;font-weight:700;margin-left:.5rem}.signup-container{background-color:#fff;border:2px solid #fff;border-radius:10px;margin:2rem 0;max-width:350px;padding:20px;width:70vw}.signup-container h1{font-size:1.5rem;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}.signup-container .names{align-items:center;display:flex;flex-direction:row;justify-content:center}.signup-container #firstname,.signup-container #lastname{background-color:transparent;border:none;border-bottom:1px solid #000;color:#5d3fd3;color:var(--clr-primary-2);font-size:.8rem;margin-bottom:1rem;outline:none;padding:.5rem 0;width:47%}.signup-container #lastname{margin-left:1rem}.signup-container #email,.signup-container #password,.signup-container #retype-password{background-color:transparent;border:none;border-bottom:1px solid #000;color:#5d3fd3;color:var(--clr-primary-2);font-size:.8rem;margin-bottom:1rem;margin-top:1rem;outline:none;padding:.5rem 0;width:98%}.signup-container #signup{align-self:center;background-image:linear-gradient(90deg,#bf40bf,#5d3fd3);border:none;border-radius:5px;color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin:1rem 0;outline:none;padding:1rem;text-transform:uppercase;width:100%}.alert{border-radius:5px;color:#fff;font-size:.8rem;font-weight:400;letter-spacing:1px;margin:0;padding:.5rem}.alert-success{background-color:#b7fab7}.alert-failed{background-color:#fdd9d9;border:2px solid #d80e0e;color:#d80e0e}.password-container{align-items:center;display:flex;flex-direction:row;position:relative}#password-eye{position:absolute;right:1rem}.loader{background-color:#e7e7fd;bottom:0;height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1}.home-page-container,.loader{align-items:center;display:flex;justify-content:center}.home-page-container{background-image:none;flex-direction:column}.home-page-container h1{color:#5d3fd3;color:var(--clr-primary-2);text-align:center}.home-page-container button{background-color:#bf40bf;background-color:var(--clr-primary-1);border:none;border-radius:10px;color:#fff;font-size:1.3rem;margin:2rem auto;outline:none;padding:1rem;width:200px}.signup-container #sign-up{border:1rem 0}@media screen and (min-width:600px){body,html{font-size:18px}}@media screen and (min-width:1000px){#password-eye,.login-container span,.signup-container span{cursor:pointer}.login-container span:hover{text-decoration:underline}.login-container #login,.signup-container #signup{cursor:pointer;font-size:1.2rem;padding:1rem}.login-container #login:hover,.signup-container #signup:hover{background-color:#e7e7fd;background-image:none;border:3px solid #5d3fd3;border:3px solid var(--clr-primary-2);color:#000;transition:.2s ease-in-out}.home-page-container button:hover{background-color:#e7e7fd;border:2px solid #5d3fd3;border:2px solid var(--clr-primary-2);color:#000}.home-page-container button{cursor:pointer}}@media screen and (min-width:1400px){body,html{font-size:20px}.login-container input,.signup-container input{font-size:.8rem}.login-container #login,.signup-container #signup{font-size:1.2rem;padding:.8rem}.signup-info{font-size:.7rem}}
/*# sourceMappingURL=main.a5084e19.css.map*/