:root{--gray-60:#999;--gray-70:#b3b3b3;--gray-95:#f2f2f2;--purple-95:#f0eafb;--purple-60:#8956dc;--purple-55:#7b41d8;--red-60:#ef5d5d}*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#f0eafb;background:var(--purple-95)}@media (max-width:425px){html{font-size:80%}}@media (max-width:768px){.App{padding:4rem 2rem!important}.tasksComponent{margin-left:-2rem;margin-right:-2rem}}.App{max-width:56.25rem;min-height:calc(100vh - 4rem);margin:auto;padding:4rem;background:#fff}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.App-header form{width:100%}h1.title{font-size:3.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:0;align-self:start;-webkit-user-select:none;-ms-user-select:none;user-select:none;text-decoration:underline;-webkit-text-decoration-color:var(--purple-95);text-decoration-color:var(--purple-95)}h1.title:hover{color:var(--purple-60);cursor:default}.taskForm{display:flex;flex-direction:row;grid-gap:.5rem;gap:.5rem}.taskInput{width:100%;font-size:1.3rem;padding:.6rem;border-radius:6px;border:1px solid var(--gray-60);overflow:hidden}.taskInput:focus{outline:0;box-shadow:0 0 0 1px var(--purple-60)}.taskInput::-webkit-input-placeholder{color:var(--gray-70)}.taskInput:-ms-input-placeholder{color:var(--gray-70)}.taskInput::placeholder{color:var(--gray-70)}.taskSubmit{min-width:3.3rem;padding:0;background-color:var(--purple-60);color:#fff;border:none;border-radius:6px;font-size:3rem;font-family:sans-serif;cursor:pointer}.taskSubmit:hover{background-color:var(--purple-55)}.tasksComponent{margin-top:4rem}@media only screen and (max-width:768px){.deleteButton{opacity:1!important}}ul{list-style-type:none;padding:0}li{font-size:1.5rem;padding:1rem;border-bottom:1px solid #d3d3d3;transition:background .5s;display:flex;flex-direction:row;align-items:center}li button{justify-self:flex-end}li:hover{background:var(--purple-95)}li:hover .deleteButton{opacity:1}li:first-child{border-top:1px solid #d3d3d3}input[type=checkbox]{transform:scale(1.8);margin:0 0 0 .5rem;cursor:pointer}li.done{background:var(--gray-95)}li.done input[type=text]{text-decoration:line-through;color:grey}li.done input[type=checkbox],li.done input[type=text]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.deleteButton{padding:0 0 0 1rem;background:none;color:var(--red-60);border:none;border-radius:4px;font-size:1.4rem;text-transform:uppercase;cursor:pointer;transition:opacity .2s;opacity:0}li form{width:100%;margin-left:1.5rem}li form input[type=text]{background:none;width:100%;font-size:inherit;font-family:inherit;padding:0;border:0;cursor:pointer}li form input[type=text]:focus{outline:none;cursor:text}
/*# sourceMappingURL=main.efe19885.chunk.css.map */