html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#ddd;font-family:Lato,sans-serif;font-weight:900}.newTask__headerText{border-bottom:2px solid #ddd;margin:0;padding:25px}@media (max-width:767px){.newTask__headerText{padding:10px}}.newTask__form{display:flex;margin:auto;padding:20px}@media (max-width:767px){.newTask__form{flex-wrap:wrap}}.newTask__input{border:1px solid gray;flex-basis:85%;font-size:18px;height:50px;margin:7px}@media (max-width:767px){.newTask__input{flex-basis:100%;padding:5px}}.newTask__button{background-color:teal;border:1px solid gray;color:#fff;flex-basis:15%;font-size:18px;margin:7px;padding:5px;transition:1s}.newTask__button:hover{background-color:#099;transform:scale(1.3)}@media (max-width:767px){.newTask__button{flex-basis:100%;padding:10px}}.task-list{margin:0 auto;max-width:90%;padding-bottom:10px;padding-left:0}.task-list__item{align-items:center;border-bottom:1px solid #ddd;display:flex;padding:10px 0}.task-list__button--remove{background-color:#a80000;border:none;color:#ccc;cursor:pointer;height:40px;transition:1s;width:40px}.task-list__button--remove:hover{background:red}.task-list__button--toggle{background-color:#358235;border:none;cursor:pointer;height:40px;transition:1s;width:40px}.task-list__button--toggle:hover{background-color:#4ab54a}.task-list__content{flex-grow:1;font-size:20px;font-weight:1000;overflow:hidden;padding:0 10px;text-align:left}.task-list__content--done{text-decoration:line-through}.task-list__item--hidden{display:none}.buttons{display:flex;gap:10px;justify-content:end;margin:20px 0;padding-right:20px}.buttons__button{background-color:initial;border:none;color:teal;cursor:pointer;font-size:16px;padding:0;transition:.3s}.buttons__button:hover{color:#00a0a0}.buttons__button:disabled{color:#ccc;cursor:not-allowed}@media (max-width:767px){.buttons{align-items:center;flex-direction:column;flex-wrap:wrap;padding-right:0}.buttons__button{margin:2px 0}}.section{background-color:#fff;margin-top:30px}.section__header{border-bottom:2px solid #ddd;display:flex;justify-content:space-between}@media (max-width:767px){.section__header{display:flex;flex-direction:column}}.section__title{margin:0;padding:25px}@media (max-width:767px){.section__title{border-bottom:1px solid #ccc;padding:10px}}.main{margin:auto;max-width:60%}@media (max-width:767px){.main{max-width:80%}}
/*# sourceMappingURL=main.1a04b946.css.map*/