html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#eee;font-family:Montserrat,sans-serif}.form{grid-gap:10px;display:grid;grid-template-columns:1fr auto}@media(max-width:767px){.form{grid-gap:10px;grid-template-columns:1fr}}.form__input{border:1px solid #aba8a8;max-width:800px;width:100%}.form__button{background:teal;border:none;color:#fff;height:38px;transition:1s;width:140px}@media(max-width:767px){.form__button{grid-template-columns:1fr;width:100%}}.form__button:hover{background:#01b4b4;transform:scale(1.1)}.form__input:focus{border-color:teal;outline-color:#000}.tasks{margin:0;width:100%}.tasks,.tasks__list{list-style:none;padding:0}.tasks__list{margin-left:10px}.tasks__item{grid-gap:10px;align-items:center;border-bottom:1px solid #e6e6e6;display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:10px 10px 10px 0;width:100%}.tasks__item--hidden{display:none}.tasks__content{word-wrap:break-word;word-break:break-word}.tasks__button{padding:6px 10px}.tasks__button--toggleDone{align-items:center;display:inline-flex;height:30px;justify-content:center;transition:1s;width:30px}.tasks__button{background-color:#007900;border:none;color:#fff}.tasks__content--done{text-decoration:line-through}.tasks__button:hover{background-color:#009100;transition:1s}.tasks__button--remove{background-color:red;border:none;color:#fff;transition:1s}.tasks__button--remove:hover{background-color:#ff5a5a;transition:1s}.buttons{display:flex;gap:10px;justify-content:flex-end;width:100%}.buttons__button{background:none;border:none;color:teal;cursor:pointer;font-size:14px;padding:10px;transition:color 1s;-webkit-user-select:none;user-select:none}.buttons__button:hover{color:#01a1a1;transition:1s}.buttons__button:disabled{color:#ccc;cursor:default}@media (max-width:767px){.buttons{flex-direction:column;width:100%}.buttons__button{text-align:center;width:100%}}.section{background-color:#fff;box-shadow:0 0 10px #0000000d;margin-bottom:15px;margin-top:20px;overflow:hidden;padding:20px 20px 15px;position:relative}.section__header-line{background-color:#eee;height:2px;margin:16px 0 16px -20px;width:calc(100% + 40px)}.section__header{padding-bottom:10px;width:100%}@media (max-width:767px){.section__header{align-items:stretch;flex-direction:column-reverse}}.section__title{font-size:20px;margin:0}.section__header--with-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.container{margin:0 auto;max-width:1000px;padding:20px;width:100%}
/*# sourceMappingURL=main.2deb6c57.css.map*/