.details{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:2}.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{font-size:20px;font-weight:700;margin:20px 10px 30px;text-align:center}.details .header,.details .lists-wrap{align-items:center;display:flex;justify-content:center}.details .lists-wrap{flex-direction:column;min-width:800px}.details .column{width:50%}.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:0}.details-taskcard.completed{box-shadow:0 2px 6px 2px rgba(48,114,0,.5)}.details-taskcard.completed:hover{box-shadow:0 0 10px 3px rgba(48,114,0,.8)}.details-taskcard.incomplete{box-shadow:0 0 10px 2px rgba(163,25,0,.5)}.details-taskcard.incomplete:hover{box-shadow:0 0 14px 3px rgba(135,20,0,.9)}.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;max-width:100%;overflow:hidden;padding:0 15px 15px;text-overflow:ellipsis}.taskcard li{align-items:center;border-radius:25px;display:flex;flex-direction:column;font-size:20px;gap:8px;height:180px;justify-content:center;margin:20px 5px;padding:18px;transition:.2s}.taskcard .title,.taskcard li{overflow:hidden;text-align:center}.taskcard .title{border-bottom:1px solid #c1c1c1;margin:15px 0;padding-bottom:10px}.buttons-wrap{display:flex;gap:20px;justify-content:space-between}.taskcard button{font-size:12px}.taskcard button.status{background-color:#129762}.taskcard button.status.done{background-color:#483d8b}.taskcard button.delete{background-color:#be3434}.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:0;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;min-width:800px}.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{background-color:#c6c6c6;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{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:0;transition:margin-top .5s ease-out}
/*# sourceMappingURL=main.6db42fcf.css.map*/