@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.myApp{font-family:Protest Riot,sans-serif;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#814af4}.Todoform{display:flex;align-items:center;margin:1rem auto}.Todoform input{min-width:0;height:2.5rem;padding:.5rem 1rem;border:2px solid #814af4;outline:none;font-size:1rem}.Todoform button{background-color:#814af4;color:#fff;border:none;font-size:1rem;height:2.5rem;border:2px solid #814af4;cursor:pointer;outline:none;text-wrap:nowrap}.Todo{display:flex;align-items:center;width:100%;background-color:#814af4;color:#fff;position:relative;padding:.7rem;font-size:18px;border-radius:.7rem;margin-bottom:1rem;cursor:pointer;z-index:0}.Todo p{flex:1;text-align:left;padding-left:.5rem}.Todo .operations{width:3rem;display:flex;justify-content:space-between}.Todo .icons{cursor:pointer}.Todo .completed{text-decoration-line:line-through;opacity:.7}.EditTodoform{display:flex;justify-content:space-between;align-items:center;margin:2rem 0}.EditTodoform input{flex:1;min-width:0;height:2.5rem;padding:.5rem 1rem;border:2px solid #814af4;outline:none}.EditTodoform button{background-color:#814af4;color:#fff;border:none;height:2.5rem;padding:.5rem;font-weight:700;border:2px solid #814af4;cursor:pointer}.TodoWrapper{max-height:50%;text-align:center;background-color:#1c173f;border-radius:.5rem;padding:1rem 2rem;overflow-y:auto;scrollbar-gutter:stable;margin:1rem}.TodoWrapper h2{color:#f6ffff;letter-spacing:3px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#814af4;border-radius:1rem}::-webkit-scrollbar-thumb:hover{cursor:pointer}@media (min-width: 768px) and (max-width: 1180px){.TodoWrapper{min-width:60%;max-height:70%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}