body,html{padding:0;margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:10px}body{background-color:#7aa7d2}*,:after,:before{padding:0;margin:0;box-sizing:border-box;font:inherit}button,button:focus,textarea,textarea:active,textarea:focus,textarea:hover{outline:0;outline-offset:0}.tasks{padding:16px 0;min-height:100vh}.container{width:100%;padding:0 16px;margin:0 auto}.tasks__wrapper{display:grid;grid-template-columns:repeat(3,calc(33.33333% - 5.33333px));grid-gap:8px;align-items:flex-start}.tasks .column{padding:8px;border-radius:4px;background-color:#f0eeef}.tasks__header{padding:8px;background:right 6px center/16px no-repeat url(dots.png)}.tasks__header h2{font-size:1.4rem;font-weight:600;text-transform:uppercase;color:#1c252c}.tasks__list{min-height:24px}.tasks__action{padding:8px;border:none;background:none;font-size:1.4rem;font-weight:300;color:#737e80;cursor:pointer;transition:color .2s linear}@media (hover){.tasks__action:hover{color:#677173}}.tasks__form{display:none}.tasks__form.active{display:block}.tasks__form textarea{width:100%;min-height:80px;padding:8px;margin-bottom:8px;border:none;border-radius:4px;box-shadow:0 2px 0 rgba(177,183,186,.25);background-color:#fff;font-size:1.4rem;color:#1c252c;resize:none;overflow:auto}.tasks__form textarea::placeholder{color:#737e80}.tasks__form-buttons{display:flex;align-items:center;grid-gap:8px}.tasks__form-submit{display:flex;justify-content:center;align-items:center;height:32px;padding:0 8px;border:0;border-radius:4px;background-color:#79a93b;font-size:1.4rem;color:#fff;transition:background-color .2s linear;cursor:pointer}@media (hover){.tasks__form-submit:hover{background-color:#60872f}}.tasks__form-decline{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border:none;background:none;cursor:pointer}.tasks__form-decline svg{stroke:#1c252c}.card{position:relative;padding:8px 24px 8px 8px;margin-bottom:8px;border-radius:4px;box-shadow:0 2px 0 rgba(177,183,186,.25);background-color:#fff;font-size:1.4rem;font-weight:300;word-wrap:break-word}.card.active{background-color:#fafafa}.card.dragged{z-index:999}.card.dragged,.card__remove{position:absolute;pointer-events:none}.card__remove{display:flex;justify-content:center;align-items:center;top:4px;right:4px;width:24px;height:24px;background-color:#f0eeef;font-size:1.4rem;text-align:center;cursor:pointer;opacity:0;visibility:0;transition:opacity .2s linear,visibility .2s linear}.card__remove.active{opacity:1;visibility:1;pointer-events:auto}@media (max-width:767px){.tasks__wrapper{grid-template-columns:100%;grid-gap:16px}}