:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--width: 40vw}body{height:100vh;width:100vw;margin:0;padding:0;background-color:#0f0e0e;display:flex;justify-content:center;align-items:center}.container{height:80vh}.form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.form input{background-color:#d9d9d9;border-radius:20px;width:var(--width);height:7vh;padding:10px;border:none;outline:none;font-size:larger;font-weight:800}.form button{background-color:#6874da;height:5vh;width:calc(var(--width) + 1vw);border-radius:30px;border:none;padding:20px;display:flex;justify-content:center;align-items:center}.task-item{margin-top:2rem;width:100%;min-height:50%;max-height:62vh;background-color:#fff;border-radius:25px;display:flex;justify-content:start;align-items:start;overflow:auto}#item-list{width:60%}#item-list li{height:37px;width:100%;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between;font-size:large;font-weight:700;margin-bottom:1rem}#item-list li .button button{border-radius:5px;border:none;padding:5px;margin:0 3px}#item-list li .button button:hover{background-color:#0f0e0e}#item-list li .button button:hover svg{fill:#fff}@media (max-width: 60rem){:root{--width: 70vw}}