html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#eee;font-family:Montserrat,sans-serif}.form{grid-gap:20px;display:grid;grid-template-columns:1fr auto}@media (max-width:767px){.form{grid-template-columns:1fr}}.form__input{border:1px solid #e6dcdc;padding:10px}.form__button{background:teal;border:none;color:#fff;padding:10px;transition:.6s}.form__button:hover{background:#00a3a3;transform:scale(1.1)}.form__button:active{background:#00bdbd}.tasks{list-style:none;margin:0;padding:10px}.tasks__item{grid-gap:10px;align-items:center;border-bottom:1px solid #e6dada;display:grid;grid-template-columns:auto 1fr auto;padding:10px}.tasks__item--hidden{display:none}.tasks__content--done{text-decoration:line-through}.tasks__button{border:none;color:#fff;height:30px;padding:0;transition:background .6s;width:30px}.tasks__button--toggleDone{background:#228c22}.tasks__button--toggleDone:hover{background:#269c26}.tasks__button--toggleDone:active{background:#2bb12b}.tasks__button--remove{background:#d7143b}.tasks__button--remove:active{background:#ec3257}.tasks__button--remove:hover{background:#ea1a44}.buttons{display:flex;flex-wrap:wrap}.buttons__button{background:#0000;border:none;color:teal;margin:0 0 0 20px;transition:.6s}@media (max-width:767px){.buttons__button{flex-basis:100%;margin:10px}}.buttons__button:hover{color:#00b3b3}.buttons__button:disabled{color:#ccc}.section{background:#f5f2f2;box-shadow:0 0 5px #ddd;margin:10px 0}.section__header{grid-gap:20px;align-items:center;border-bottom:1px solid #ddd;display:grid;grid-template-columns:auto auto;justify-content:space-between;margin:0;padding:20px}@media (max-width:767px){.section__header{grid-template-columns:1fr}}.section__title{font-size:20px;margin:0}.container,.section__body{padding:20px}.container{margin:0 auto;max-width:900px}
/*# sourceMappingURL=main.2ddf87e7.css.map*/