*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0;padding:0}body{background:#2f313a}html{height:100%}.todoApp{flex-direction:column}.todoApp,.todoHeader{align-items:center;display:flex;width:100%}.todoHeader{background:#262831;box-shadow:0 1.7px 2.2px rgba(0,0,0,.07),0 4.1px 5.3px rgba(0,0,0,.05),0 7.8px 10px rgba(0,0,0,.042),0 13.8px 17.9px rgba(0,0,0,.035),0 25.9px 33.4px rgba(0,0,0,.028),0 62px 80px rgba(0,0,0,.02);height:65px}.todoTitle{color:#d4a418;font-size:16px;letter-spacing:9px;line-height:21px;text-align:center;text-transform:uppercase;width:100%}.todoItem{display:flex;justify-content:center}ul{color:#d4a418;max-width:850px;padding:20px;width:100%}li{align-items:center;background:#2f313a;border:.5px solid #3e3f42;border-radius:5px;box-shadow:0 2.76726px 2.21381px rgba(0,0,0,.02),0 6.6501px 5.32008px rgba(0,0,0,.028),0 12.5216px 10.0172px rgba(0,0,0,.035),0 22.3363px 17.869px rgba(0,0,0,.042),0 41.7776px 33.4221px rgba(0,0,0,.05),0 100px 80px rgba(0,0,0,.07);box-sizing:border-box;color:#d4a418;font-size:18px;font-style:normal;font-weight:300;height:55px;line-height:21px;margin-bottom:10px;margin-top:15px;padding:0 15px;text-align:left}.todoContent,li{display:flex;justify-content:space-between}.addTask,.todoContent{width:100%}.addTask{display:flex;height:55px;justify-content:center;margin-top:50px;max-width:850px;position:relative}input[type=checkbox]{cursor:pointer}input[type=checkbox]:checked+.todoLabel{color:#404760;text-decoration:line-through}input[type=text]{background:transparent;border:.5px solid #5fa9ff;border-radius:5px;color:#d4a418;font-size:18px;font-style:normal;font-weight:300;line-height:21px;text-align:center;width:100%}.inputAdd{height:50px;margin:30px 20px;max-width:850px;outline:none}.todoInput{margin:0 20px}.btnAdd{background-color:initial;border:none;color:#5fa9ff;cursor:pointer;height:50px;position:absolute;right:20px;top:30px;width:100px}.filters{display:flex;justify-content:space-evenly;max-width:850px;padding:70px 20px 0;width:100%}.btnFilter{background:#5fa9ff;background:linear-gradient(0deg,#5fa9ff,#167ef4);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;height:40px;margin-bottom:20px;outline:none;padding:10px 25px;position:relative;transition:all .3s ease;width:130px}.btnFilter:hover,.btnFilter[aria-pressed=true]{background:#07f;background:linear-gradient(0deg,#07f,#0057b9);box-shadow:4px 4px 6px 0 rgba(0,0,0,.5),-4px -4px 6px 0 rgba(67,72,78,.5),inset -4px -4px 6px 0 rgba(0,0,0,.2),inset 4px 4px 6px 0 rgba(0,0,0,.4)}.todoContainer{width:100%}.todoBtn{background:transparent;border:none;color:#5fa9ff;cursor:pointer;margin:0 10px}.nbTasks{color:#d4a418;font-size:12px;text-align:center}.todoEdit{display:flex;width:100%}.editBtn,.editInput{display:flex;width:50%}.editBtn{justify-content:space-evenly}.editBtnContent{background:transparent;border:none;color:#5fa9ff;cursor:pointer}.danger{color:crimson}@media (max-width:510px){.filters{align-items:center;flex-direction:column}.btnFilter{width:100%}input[type=text]{text-align:left}.editInput{width:70%}.editBtn{width:30%}}
/*# sourceMappingURL=main.72eccef6.css.map*/