*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:sans-serif;line-height:1.6;background-color:#fff}ol,ul{list-style:none}a{text-decoration:none;color:inherit}table{border-collapse:collapse}button,input,select,textarea{font:inherit}.main-container{max-width:1200px;padding:0 20px;margin:0 auto}.content-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px;padding:50px 0}.title{font-size:2rem}.content-todos{flex-wrap:wrap;gap:50px}.content-todos,.task-section{display:flex;justify-content:center}.task-section{flex-direction:column;gap:30px}.task-section__title{font-size:2rem;text-align:center}.task-section__content{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.form-todo{display:flex;flex-direction:column;max-width:300px;width:100%;border-radius:8px}.form-todo__input,.form-todo__select,.form-todo__textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-todo__label{margin:20px 0 5px}.form-todo__textarea{width:100%;border:1px solid #ddd;border-radius:6px;resize:none;background-color:#fff;color:#333}.form-todo__select{margin-bottom:30px}.form-todo__button{border:none;background-color:#000;color:#fff;max-width:150px;width:100%;padding:10px 0;border-radius:5px;margin:0 auto}.form-todo__error{font-size:1.2rem;color:red}.navigation{display:flex;gap:30px;padding:20px}.navigation__link{display:inline-block;font-size:1.5rem;transition:all .3s ease;text-decoration:none;position:relative;margin:10px}.navigation__link:after,.navigation__link:before{content:"";border-bottom:1px solid #2a0f0f;position:absolute;bottom:0;width:0;transition:all .2s ease}.navigation__link:before{left:0}.navigation__link:after{right:0}.navigation__link:focus:after,.navigation__link:focus:before,.navigation__link:hover:after,.navigation__link:hover:before{width:50%}.active{color:#5caaef;pointer-events:none;text-decoration:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;background:rgba(0,0,0,.5);z-index:1000}.modal-content,.modal-overlay{display:flex;justify-content:center}.modal-content{background:#fff;border-radius:5px;padding:40px;width:80%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.2);position:relative}.modal-content__open{border:0;background:none;width:30px;position:absolute;top:20px;right:20px}.modal-content__btn{display:flex;gap:20px;margin-top:40px}.todo-item{max-width:280px;width:100%;height:250px;position:relative;display:flex;flex-direction:column;color:#342828;padding:25px;border:1px solid #6b6464;border-radius:5px;word-wrap:break-word;white-space:normal;overflow:hidden;background-color:#fff}.todo-item__btn{position:absolute;top:15px;right:15px;width:20px;background:none;border:none;cursor:pointer}.todo-item__text{display:flex;flex-direction:column;align-items:center;padding:10px}.todo-item__title{font-size:1.3rem}.todo-item__desc{font-size:1rem}.todo-item h3,.todo-item p,.todo-item small{max-width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis}.todo-item--low{background-color:#d1ffd1;border-color:#a0e0a0}.todo-item--medium{background-color:#ffffd1;border-color:#e0e0a0}.todo-item--high{background-color:#ffd1d1;border-color:#e0a0a0}.todo-item__checkbox{position:absolute;width:20px;height:20px;top:15px;left:15px;cursor:pointer}.todo-item--completed{text-decoration:line-through;opacity:.5}.todo-item__edit{border:none;background:none;width:30px;margin:auto;cursor:pointer}.todo-column{display:flex;flex-direction:column;align-items:center;background-color:rgba(241,242,247,.974);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:5px;padding:20px;gap:15px}.todo-column__title{text-align:center;color:#09073a}@media(min-width:900px){.todo-column{flex:1 1 calc(20% - 20px);gap:10px}}@media(min-width:1200px){.todo-column{gap:15px}}.blanck{height:700px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.blanck__img{display:block;max-width:200px}