body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{box-sizing:border-box;text-align:center;background:url(/assets/bg-lwaiWe5y.jpg) 0 0/cover;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;display:flex;overflow-x:hidden}#root{width:90%}.App{flex-flow:column wrap;justify-content:center;align-items:center;display:flex}h1{background-color:#f2f2f2;border-radius:4px;margin:10px 0;padding:10px 15px}form{background-color:#f2f2f2;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:10px 0;padding:10px 15px;display:flex}input{border:none;border-radius:3px;outline:none;width:100%;padding:10px;font-size:16px}ul{width:100%;padding:0}li{text-align:center;text-align:center;background-color:#f2f2f2;border-radius:4px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;margin:10px 0;padding:10px 15px;list-style-type:none;display:flex}button{color:#fff;text-align:center;cursor:pointer;background-color:#4caf50;border:none;width:100%;margin:4px 2px;padding:8px 16px;font-size:16px;text-decoration:none;transition-duration:.4s;display:inline-block}button:hover{box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}.todo{text-align:center;text-transform:capitalize;padding:8px 16px;font-weight:700;text-decoration:none}.edit{background-color:#008cba}.delete{background-color:#f44336}