@-webkit-keyframes noAuthSlideIn{0%{width:0}to{overflow:hidden;width:140px}}@keyframes noAuthSlideIn{0%{width:0}to{overflow:hidden;width:140px}}@-webkit-keyframes authSlideIn{0%{overflow:hidden;width:0}to{width:70px}}@keyframes authSlideIn{0%{overflow:hidden;width:0}to{width:70px}}.transition-no-auth{-webkit-animation:noAuthSlideIn .5s forwards;animation:noAuthSlideIn .5s forwards;overflow:hidden}.transition-auth{-webkit-animation:authSlideIn .5s forwards;animation:authSlideIn .5s forwards;overflow:hidden}.username{color:#a5a5a5;font-size:10px;position:absolute;right:100px}.details,.username{align-items:center;display:flex;justify-content:center}.details{flex-direction:column}.details h3{font-size:24px;margin-top:90px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.details span{color:#636262;font-size:12px;text-align:center}.details input,.details textarea{border:none;font-size:inherit;outline:none;text-align:center;width:100%}.details textarea{height:100%;resize:none}.details ul{border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);margin:20px auto;max-width:1200px;padding:20px;width:90%}.details .header{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;margin:20px 10px 30px;text-align:center}.details .lists-wrap{min-width:800px}.details .error-wrap,.details .lists-wrap{align-items:center;display:flex;flex-direction:column;justify-content:center}.details-taskcard{border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);font-size:20px;gap:8px;height:250px;margin:20px auto;padding:10px;position:relative;transition:.2s;width:600px}.details-taskcard .title{border-bottom:1px solid #c1c1c1;margin:15px 0;padding-bottom:20px;text-align:center}.details-taskcard .goal{word-wrap:break-word;margin:25px 0;overflow-wrap:break-word;padding:0 30px;text-align:center}.details-taskcard .id{font-size:16px;left:0;margin:11px 0 0 15px;position:absolute;top:7px}.details-taskcard .user{border-radius:8px;font-size:14px;padding:3px 7px;position:absolute;right:19px;top:17px}.details button.btn-edit,.details button.btn-save{background-color:#483d8b;bottom:17px;position:absolute;right:22px}.details button.status{color:#fff;font-size:11px;position:absolute;right:22px;top:17px}.details button.status.done{background-color:#be3434}.details button.status.undone{background-color:#129762}.details span.error{color:red}.taskcard{background-color:initial;min-width:150px}.taskcard .goal{font-size:14px;height:60px;max-width:100%;overflow:hidden;padding:0 25px 25px;position:absolute;text-overflow:ellipsis;top:70px}.taskcard li{align-items:center;border-radius:25px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;font-size:20px;gap:8px;height:180px;justify-content:center;margin:20px 5px;padding:18px;position:relative;transition:.2s}.taskcard .title,.taskcard li{overflow:hidden;text-align:center}.taskcard .title{border-bottom:1px solid #c1c1c1;margin:15px 0;padding-bottom:5px;position:absolute;top:10px}.taskcard .delete-button{display:flex;gap:5px;justify-content:space-between;position:absolute;right:18px;top:14px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.taskcard .delete-button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.taskcard .checkbox-button{display:flex;gap:5px;justify-content:space-between;left:21px;position:absolute;top:19px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.taskcard .checkbox-button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.taskcard .username{border-radius:5px;bottom:15px;line-height:1.5;padding:3px 5px;position:absolute;right:26px}.addtask{border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);height:430px;margin:-368px 0 0;padding:80px 20px 20px;position:relative;width:750px;z-index:8}.addtask form{align-items:center;display:flex;flex-wrap:wrap}.addtask label{font-size:20px;margin-bottom:10px;margin-right:5px}.addtask input{border:1px solid #878787;border-radius:5px;flex-grow:1;font-size:18px;margin:10px;padding:7px;width:75%}.addtask button{background-color:#129762;font-size:14px;margin:10px;padding:7px 10px}.addtask .wordcount{bottom:30px;color:#636262;font-size:13px;position:absolute;right:30px}.addtask .error-title{top:106px}.addtask .error-goal,.addtask .error-title{color:red;font-size:12px;position:absolute;text-align:center}.addtask .error-goal{top:211px}.addtask-form{display:flex;flex-direction:column}.addtask-form textarea{border-radius:5px;font-size:inherit;height:120px;margin:10px;outline:none;padding:10px;resize:none;width:75%}.tasklist{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:23px;transition:margin-top .3s ease-out;z-index:1}.tasklist h3{font-size:24px;margin-top:10px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.tasklist ul{border-radius:5px;max-width:1200px;min-width:800px;padding:20px;width:95vw}.tasklist .header{align-items:center;display:flex;justify-content:center;text-align:center}.tasklist .lists-wrap{display:flex;justify-content:space-between;max-width:777px}.tasklist .lists-wrap .column{width:50%}.task-card-enter{opacity:0}.task-card-enter-active{opacity:1;transition:opacity .3s}.task-card-exit{opacity:1}.task-card-exit-active{opacity:0;transition:opacity 0ms}.task-container{position:relative}.dropdown-wrapper.pushed-down{margin-top:370px}.dropdown-trigger{border-radius:0 0 10px 10px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);padding-top:15px;z-index:6}.dropdown-trigger:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.dropdown-wrapper{justify-content:center;margin-top:0;transition:margin-top .5s ease-out}.dropdown-wrapper,.signup{align-items:center;display:flex;flex-direction:column}.signup{border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);margin-top:90px;min-height:315px}.signup .back-link{font-size:12px}.signup span{margin-bottom:10px}.signup h3{font-size:24px;padding-top:15px;text-align:center}.signup-field{height:215px;padding-top:40px;width:400px}.signup-field,.signup-form{align-items:center;display:flex;flex-direction:column}.signup-form{justify-content:center;width:100%}.signup-form input{border:1px solid #878787;border-radius:5px;flex-grow:1;font-size:18px;height:35px;margin:10px;padding:7px;width:75%}.login{align-items:center;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:90px;min-height:315px}.login .back-link{font-size:12px}.login span{margin-bottom:10px}.login h3{font-size:24px;padding-top:15px;text-align:center}.login-field{height:215px;padding-top:40px;width:400px}.login-field,.login-form{align-items:center;display:flex;flex-direction:column}.login-form{justify-content:center;width:100%}.login-form input{border:1px solid #878787;border-radius:5px;flex-grow:1;font-size:18px;height:35px;margin:10px;padding:7px;width:75%}
/*# sourceMappingURL=main.32943d24.css.map*/