.todo-list{display:flex;flex-direction:column;align-items:center;justify-content:center}.todo-card{display:flex;padding:10px;padding-inline-end:60px;width:100%;min-width:280px;max-width:480px;font-size:1.2rem;border-radius:5px;background-color:#eee;box-shadow:0 0 10px #0000001a;margin-bottom:10px;color:#091f2c;position:relative}.todo-card__text{display:flex;align-items:center;word-break:break-all}.todo-card__text-completed{text-decoration:line-through;font-style:italic;color:#091f2cd9}.complete-to-do-button{background-color:transparent;border:none;cursor:pointer;margin-inline:10px}.completedButton{box-shadow:0 0 4px 1.2px #067d1047}.add-to-do-button{background-color:transparent;border:none;cursor:pointer;position:fixed;right:20px;bottom:20px}*{box-sizing:border-box;padding:0;margin:0;font-family:Roboto,sans-serif}body{background-color:#091f2c;color:#eee}header{margin-block:32px}main{max-height:800px;overflow-y:scroll}main::-webkit-scrollbar{display:none}.to-do-counter{font-size:1.8rem;text-align:center}.App{display:flex;flex-direction:column;align-items:center;height:100vh}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#091f2cb3;display:flex;align-items:center;justify-content:center}.Add-to-do-Modal{height:200px;width:400px;background-color:#eee;position:relative}.Add-to-do-Modal .add-todo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.Add-to-do-Modal .add-todo-container .add-todo-input{width:60%;height:40px;border:1px solid #ccc;border-radius:5px;padding:0 10px;margin-block-end:12px}.Add-to-do-Modal .add-todo-container .add-todo-input:focus{outline:none}.Add-to-do-Modal .add-todo-container .add-todo-input__label{font-size:1.2rem;color:#091f2c;margin-bottom:5px}.Add-to-do-Modal .add-todo-container .add-todo-button{width:60%;height:40px;border:1px solid #ccc;border-radius:5px;background-color:#eee;color:#000;font-size:1.2rem;font-weight:700}.Add-to-do-Modal .add-todo-container .add-todo-button:hover{background-color:#ccc;color:#000}.close-modal-button{background-color:transparent;border:none;cursor:pointer;position:absolute;right:20px;top:20px}.search-to-do{display:flex}.search-to-do__input-container{width:75%}.search-to-do__input{display:flex;align-items:center;margin-block-end:12px}.search-to-do__input input{display:flex;width:100%;height:40px;border:1px solid #ccc;border-radius:5px;padding:0 10px}.search-to-do__input input:focus{outline:none}.search-to-do__functionalities{display:flex;align-items:center;justify-content:space-evenly;margin-left:10px;width:25%}.search-to-do__functionalities:hover{cursor:pointer}.search-to-do__label{font-size:1.2rem;color:#eee;margin-bottom:5px}.remove-to-do-button{background:transparent;border:none;position:absolute;right:20px;top:20px}.remove-to-do-button:hover{cursor:pointer}.Remove-todo-Modal{height:200px;width:400px;background-color:#eee;position:relative}.Remove-todo-Modal .remove-todo-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.Remove-todo-Modal .remove-todo-container .remove-todo__label{font-size:1.2rem;color:#091f2c;margin-block-end:16px}.Remove-todo-Modal .remove-todo-container .remove-todo-button{width:60%;height:40px;border:1px solid #ccc;border-radius:5px;background-color:#eee;color:#000;font-size:1.2rem;font-weight:700;margin-block-end:12px}.Remove-todo-Modal .remove-todo-container .remove-todo-button__delete:hover{background-color:#db2020;color:#fff}.Remove-todo-Modal .remove-todo-container .remove-todo-button__cancel:hover{background-color:#fff;color:#000}.error-message{font-size:1.2rem;font-weight:700;margin-block-start:10vh;text-align:center}.error-message button{border:none;background:none;font-size:1.2rem;cursor:pointer}.error-message button em{color:#a3ce2d}.error-message button em:hover{color:#a3ce2d;cursor:pointer}.filter-button{border:none;background-color:transparent;cursor:pointer}.filter-container{position:relative}.filter-list{position:absolute;background-color:#bbdde6;z-index:2;bottom:-90px;left:-160%;padding:4px}.filter-list li{list-style:none;padding:4px;border-radius:4px;color:#091f2c}.filter-list li button{border:none;background:none;cursor:pointer;width:100%;text-align:start;color:inherit;font-weight:600}.filter-list li:hover{background-color:#03b7f9;color:#eee}