*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%}body{min-height:100vh;font:inherit;line-height:1.5}img,picture,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:""}hr{border:none}fieldset{border:none}:where([hidden]){display:none !important}:root{font-size:18px}:root body{background-color:#fafaf9;color:#121212;min-height:100vh;width:100%;line-height:1.8;padding:1rem}.add-task{padding:2rem}.add-task button{background:#3c3c3a;color:#fafaf9;padding:1rem 1.5rem;font-size:1.2rem;border-radius:8px}.add-task button:hover{background:#2c2c2a}.task-action{padding:.5rem}.task-action button{background:#fafaf9;padding:0 1rem;border-radius:10px;border:2px solid #d6d6d2}.task-action button:hover{border:2px solid #b2b2ad}.task-card{padding:1.5rem;line-height:2;max-width:100ch;background:#f1f1ef;border:1px solid #d6d6d2;border-radius:8px}.task-card h2{font-size:1.5rem;font-weight:bold}.task-card p{font-size:1.1rem;overflow:hidden;max-height:4rem}.task-card__action-delete button{color:#b05252}.task-card__action-delete button:hover{border:2px solid #b05252}.task-card__actions{display:flex;justify-content:flex-end}.task-inputs{padding:2rem}.task-inputs input{font-size:1.5rem;font-weight:bold;padding:.2rem .5rem;margin-bottom:.5rem;width:100%;background:#f1f1ef;border-radius:8px}.task-inputs textarea{width:100%;font-size:1.2rem;padding:.5rem 1rem;background:#e5e5e2;border-radius:8px}.task-catalog h1{font-size:2.5rem}.task-catalog__body{display:grid;grid-template-columns:repeat(2, 1fr 2fr)}.task-catalog__task-cards{padding:2rem;display:grid;gap:12px}