@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}#root,body,html{font-family:Poppins,"sans-serif";height:100vh}html{font-size:62.5%}.app{background:linear-gradient(90deg,#3a52df,rgba(115,33,243,.81));min-height:100%;padding:2rem}.login-form{align-items:center;background-color:#222;border-radius:4px;display:flex;flex-direction:column;margin:20rem auto;min-height:50rem;padding:3rem 4rem;width:45rem}.login-form-title{color:#fff;font-size:3.5rem;margin-bottom:2rem;text-align:center}.login-form-email,.login-form-password{width:100%}.login-form-email{margin-bottom:1.5rem}.login-form-password{margin-bottom:3rem}.login-form label{color:#fff;font-size:1.5rem}.login-form input{border:none;border-radius:4px;color:#222;font-family:Poppins,"sans-serif";height:4rem;outline:none;padding-left:1rem;width:100%}.login-form p{font-size:1.4rem}.btn,.login-form p{color:#fff;cursor:pointer}.btn{align-items:center;border:none;border-radius:4px;display:flex;font-family:Poppins,"sans-serif";height:4rem;transition:.2s}.btn.login,.btn.signup{margin-bottom:1.5rem}.btn.addtodo,.btn.update{border-bottom-left-radius:0;border-top-left-radius:0;padding:0 1rem}.btn.login,.btn.logout,.btn.signup{font-size:1.7rem;padding:1rem 5rem}.btn.addtodo,.btn.login,.btn.signup,.btn.update{background:linear-gradient(90deg,#5d0cff,#9b00fa)}.btn.addtodo:hover,.btn.login:hover,.btn.signup:hover,.btn.update:hover{background:linear-gradient(90deg,rgba(93,12,255,.8),rgba(155,0,250,.8))}.btn.logout{background:linear-gradient(90deg,#e63119,#e25845)}.btn.logout:hover{background:linear-gradient(90deg,rgba(230,49,25,.8),rgba(226,88,69,.8))}.todos-container{background-color:#fff;border-radius:4px;margin:0 auto 20rem;min-height:50rem;padding:3rem 1.5rem;width:45rem}.todos-container-title{color:#222;margin-bottom:2rem;text-align:center}.flex-justify-center{display:flex;justify-content:center}.dark{background-color:#222}.dark.todo-form-input{background-color:#222;color:#fff}.dark h1{color:#fff}.todo{background:linear-gradient(90deg,#ff7614,#ff5411);border-radius:4px;display:flex;height:5rem;justify-content:space-between;margin-bottom:.5rem;padding:0 1.5rem;width:100%}.todo-desc{flex:1 1;font-size:1.5rem;height:100%}.todo-desc,.todo-icons,.todo-icons span{align-items:center;display:flex}.todo-icons span{cursor:pointer;font-size:1.7rem}.todo-icons-delete{margin-left:1rem}.todo:nth-of-type(4n+1){background:linear-gradient(90deg,#5d0cff,#9b00fa)}.todo:nth-of-type(4n+2){background:linear-gradient(90deg,#ff0cf1,#fa0087)}.todo:nth-of-type(4n+3){background:linear-gradient(90deg,#149fff,#117aff)}.todo.completed{background:linear-gradient(90deg,#36af06,#11be0b)}.todo.completed .todo-desc{text-decoration:line-through}.todo-form{display:flex;justify-content:center;margin-bottom:2rem}.todo-form.update{display:none;margin-bottom:.5rem}.todo-form.update.active{display:flex}.todo-form.update input{flex:1 1}.todo-form input{background-color:#fff;border:3px solid #5d0cff;border-radius:4px;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;color:#222;font-family:Poppins,"sans-serif";height:4rem;min-width:25rem;outline:none;padding-left:1rem}.darkmode-logout-btns{display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:20rem;width:45rem}.switch-container{align-items:center;display:flex}.switch-title{color:#fff;font-size:1.5rem;margin-right:1rem}.switch{display:inline-block;height:3.4rem;position:relative;width:6rem}.switch input{height:0;opacity:0;width:0}.switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.switch .slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:2.6rem;left:4px;position:absolute;transition:.4s;width:2.6rem}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{-webkit-transform:translateX(2.6rem);transform:translateX(2.6rem)}
/*# sourceMappingURL=main.de24f3d7.css.map*/