.tabFilter{transition:all .3s;padding:10px;border:none;max-width:100px;font-size:14px;font-weight:400;color:#3b3636;background-color:inherit;border-radius:10px;cursor:pointer;overflow:hidden}@media screen and (hover:hover){.tabFilter:hover{color:#04d9ff}}.tabFilter:first-letter{text-transform:uppercase}.activeFilter{border:2px solid #a2a4a6}@media screen and (max-width:576px){.tabFilter{font-size:12px}}.filters{display:flex;justify-content:space-around;align-items:center;height:100%;gap:10px;width:300px;flex-wrap:wrap;background-color:inherit}.header{margin-top:100px;display:block;text-align:center;color:rgba(171,142,142,.4);font-weight:100;font-size:100px}.header:first-letter{text-transform:uppercase}.inputField{display:flex;width:100%;padding:0 10px}.footer{padding:0 20px;height:40px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:576px){.footer{padding:0 5px}.filters{gap:5px}.counter{font-size:12px}}.checkbox{width:30px;height:30px;border-radius:100%;border:2px solid #a2a4a6;background-color:inherit;cursor:pointer}.checkbox span:before{width:17px;left:1px;transform:rotate(125deg)}.checkbox span:after,.checkbox span:before{content:"";display:block;position:relative;height:2px;background-color:#39ff14}.checkbox span:after{width:7px;right:1px;top:2px;transform:rotate(45deg)}.task{padding:20px;display:flex;gap:15px;align-items:center;width:700px;min-height:40px;background-color:inherit;border-bottom:1px solid #e6e8e7}.task__text{color:#3b3636;width:590px;font-size:22px;font-weight:400;overflow-wrap:break-word}.task__text:first-letter{text-transform:uppercase}.complete{text-decoration:line-through;color:#a2a4a6}@media screen and (max-width:768px){.task{width:576px}.task__text{width:490px}}@media screen and (max-width:576px){.task{width:375px}.task__text{width:290px}}.taskField{transition:all .3s;display:flex;flex-direction:column;height:40vh;border-top:1px solid #e6e8e7;border-bottom:1px solid #e6e8e7;overflow-y:auto;scrollbar-width:thin}.no-task{margin-top:20px;display:block;color:#3b3636;width:100%;font-size:22px;font-weight:400;text-align:center}@media screen and (max-width:576px){.no-task{font-size:18px}}.todoList{margin:50px auto;padding:10px 0;max-width:700px;min-height:100px;background-color:hsla(0,0%,100%,.5);border:none;box-shadow:0 15px 30px 0 rgba(0,0,0,.1);display:flex;flex-direction:column;gap:10px}@media screen and (max-width:768px){.todoList{max-width:576px}}@media screen and (max-width:576px){.todoList{max-width:375px}}.arrowInput{transition:all .3s;width:50px;height:50px;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;background-color:inherit}@media screen and (hover:hover){.arrowInput:hover{transform:scale(1.2)}.arrowInput:hover span:after,.arrowInput:hover span:before{background-color:#3b3636}}.arrowInput span{transition:all .3s}.arrowInput span:before{width:13px;transform:rotate(135deg);left:4px;top:2px}.arrowInput span:after,.arrowInput span:before{content:"";position:relative;display:block;height:2px;background-color:#a2a4a6}.arrowInput span:after{width:12px;transform:rotate(45deg);right:4px}