.main{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #000;margin:50px auto;max-width:500px;padding:30px}.main h1{font-size:20px;text-align:center}@media (max-width:600px){.main{margin:50px 20px}}.form{align-items:center;display:flex;justify-content:center;margin-top:30px}.form input{border:1px solid #b4b0b0;font-size:20px;height:40px;padding:0 20px;width:100%}.form button{align-items:center;background-color:#f8443b;border:none;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.form button:hover{background-color:#e40e02}.tasks{margin-top:20px}.tasks li{align-items:center;display:flex;justify-content:space-between;padding:10px 5px;transition:all .6s}.tasks li .text{word-wrap:break-word;list-style-type:none;width:80%}.tasks li:hover{background-color:#3d0b6d;color:#fff}.icons{display:flex}.edit{color:blue;margin:0 15px}.delete{color:red}.delete,.edit{cursor:pointer}.tasks li:hover .delete,.tasks li:hover .edit{color:#fff;transition:all .6s}*{box-sizing:border-box;margin:0;outline:0;padding:0}body{background-color:#3d0b6d;font-family:monospace}button{cursor:pointer}footer{color:#fff;font-size:20px;text-align:center}
/*# sourceMappingURL=main.4d5a5ef4.css.map*/