html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.body{background-color:#eee;font-family:Lato,sans-serif}.mainContainer{margin:50px auto auto;max-width:1000px;padding:0 50px}.buttonsContainer{align-self:center;display:flex;height:100%;justify-content:center;padding:15px 25px}@media (max-width:767px){.buttonsContainer{flex-direction:column;min-height:0;padding-top:0}}.optionButton{background:none;border:none;color:teal;margin:0;padding:0 15px;transition:.4s}@media (max-width:767px){.optionButton{padding:10px 0}}.optionButton:hover{color:#00b3b3;outline:none}.optionButton:active{color:#0cc}.optionButton:disabled{color:#aaa}.form{grid-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:1fr auto;padding:15px 25px}@media (max-width:767px){.form{grid-template-columns:1fr;row-gap:10px}}.form__taskInput{border:1px solid #eee;height:40px;padding:3px 10px}.form__button{background-color:teal;border:none;color:#fff;max-width:-webkit-fit-content;max-width:fit-content;padding:10px;transition:.4s}.form__button:hover{background-color:#00b3b3;outline:none;transform:scale(1.15)}@media (max-width:767px){.form__button:hover{transform:none}}.form__button:active{background-color:#0cc}@media (max-width:767px){.form__button{max-width:100%}}.tasksList{margin:0;min-height:60px;padding:15px 25px}.tasksList__item{border-bottom:2px solid #eee;display:grid;grid-template-columns:auto 1fr auto;list-style-type:none;margin-top:20px;padding-bottom:10px}.tasksList__item--hidden{display:none}.tasksList__content{align-content:center;margin-left:10px;margin-right:10px;word-break:break-word}.tasksList__content--done{text-decoration:line-through}.tasksList__button{border:0;color:#fff;height:35px;width:35px}.tasksList__button--markDone{background-color:green;transition:.4s}.tasksList__button--markDone:hover{background-color:#00b300;outline:none}.tasksList__button--markDone:active{background-color:#00e600}.tasksList__button--deleteTask{background-color:crimson;transition:.4s}.tasksList__button--deleteTask:hover{background-color:#eb284f;outline:none}.tasksList__button--deleteTask:active{background-color:#e46}.section{background-color:#fff;box-shadow:0 1px 10px 1px #d8d8d8;margin-top:10px}.section__header{align-items:center;border-bottom:2px solid #eee;display:grid;grid-template-columns:1fr auto}@media (max-width:767px){.section__header{grid-template-columns:1fr}}.section__title{font-size:25px;margin:0;padding:15px 25px}.mainHeader{font-size:40px;font-weight:700;margin-bottom:25px}.container{margin:50px auto auto;max-width:1000px;padding:0 50px}
/*# sourceMappingURL=main.5a7e3bf7.css.map*/