*{margin:0;padding:0}body{background-color:#161722;color:#fafafa;font-family:"Comfortaa";font-size:100%}body::-webkit-scrollbar{display:none}.App{margin:2.5rem;display:flex;flex-direction:column;align-items:center}@media (max-width: 30rem){.App{margin:0.5rem}}.App .none{margin-top:2rem}.App__Title{text-align:center;font-size:3.5rem}.App__Add{transition:all 150ms ease-in-out;width:100%;padding:1rem 0rem;display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 48rem){.App__Add{width:50%}}.App__Add .inputDiv{width:100%;display:flex;justify-content:center}.App__Add .input{width:80%;height:2rem;border:none;background-color:#363955;color:#fafafa;text-align:center;border-radius:0.33rem}.App__Add .submit{color:#fafafa;background-color:#363955;border:none;width:2rem;height:2rem;border-radius:1rem;cursor:pointer;opacity:0.5;transition:all 100ms ease-in-out}.App__Add .submit:hover{opacity:1}.App__Tasks{width:100%;margin:2.5rem 0rem;display:flex;flex-direction:column;gap:1rem;align-self:center}@media (min-width: 48rem){.App__Tasks{width:50%}}.App__Tasks .Task{border-radius:1rem;padding:1rem;display:grid;grid-template-columns:90% 10%;align-items:center;cursor:pointer}.App__Tasks .Task__Text{word-wrap:break-word}.App__Tasks .Task .complete{text-decoration:line-through;opacity:0.5}.App__Tasks .Task__Checkbox{margin:auto}.App__Tasks .Task__Delete{display:flex;justify-content:center}.App__Tasks .Task__Delete svg{cursor:pointer;margin:auto}.App__Tasks .Task__Delete svg:hover{fill:red}.App__Tasks .Task:nth-child(odd){background-color:#2f2855}.App__Tasks .Task:nth-child(even){background-color:#8a7fc6}.App__Footer{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:3rem}.App__Footer .footerText{text-align:center;color:white}.App__Footer a{color:#b5b5fb;text-decoration:none}.App__Footer .react{width:3.5rem}.App__Footer .sass{width:4rem;height:4rem}.App__Footer img{vertical-align:middle}
/*# sourceMappingURL=style.css.map */