*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;font-family:sans-serif;background-color:#282a36;color:#f8f8f2}a{color:inherit;text-decoration:none}ol,ul{list-style-type:none}input,textarea{border:none;outline:none;color:inherit;font-family:inherit}html{font-size:13px}.content{width:100vw}.wrapper{margin:0 auto;max-width:1200px;padding:0 1rem}@media screen and (min-width: 500px){html{font-size:15px}}@media screen and (min-width: 800px){html{font-size:16px}}@media screen and (min-width: 1500px){html{font-size:20px}}.task{color:#282a36;background-color:#f8f8f2;border:2px solid black}.task__header{background-color:#bd93f9}.task__title{font-size:1.3rem;padding:.5rem}.task__description{font-size:1.2rem;padding:1rem}.task__actions{display:flex;gap:.5rem;padding:.5rem}.task__actions>*{cursor:pointer}.task__complete{flex:1 1 auto;padding:.4rem 0;font-size:1.1rem;background-color:#f1fa8c;border-radius:.5rem;border:2px solid black;border-bottom:.3rem solid black}.task__edit,.task__save{flex:1 1 auto;padding:.4rem 0;font-size:1.1rem;background-color:#bd93f9;border-radius:.5rem;border:2px solid black;border-bottom:.3rem solid black}.task__title-config{width:100%;font-size:1.3rem;padding:.5rem;background-color:#ccc;border:2px solid #6272a4;border-bottom:1px}.task__description-config{width:100%;height:10rem;resize:vertical;font-size:1.2rem;padding:1rem;background-color:#ccc;border:2px solid #6272a4}@media screen and (min-width: 600px){.task{flex:1 0 45%;max-width:55%}}.menu{display:flex;flex-direction:column;flex-wrap:wrap;row-gap:1.5rem;padding-bottom:4rem}@media screen and (min-width: 600px){.menu{flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem}}.header{display:flex;align-items:center;flex-direction:column;gap:1rem;padding:1.5rem 0}.header__title{font-size:1.5rem;text-align:center}.header__description{text-align:center}.header__link{color:#8be9fd;text-decoration:underline}.header__add{--border-color:#44475a;width:100%;max-width:500px;padding:.5rem 0;border:2px solid var(--border-color);border-bottom:.35rem solid var(--border-color);border-radius:.5rem;font-size:1.2rem;color:#282a36;background-color:#f8f8f2;cursor:pointer}