body{color:#fff;background-color:#000;margin:0 auto;font-family:Arial,Helvetica,sans-serif;font-size:2rem}.container{max-width:800px;margin:0 auto;padding:1rem}#form-todo{border-bottom:2px solid #f5f5f5;padding-bottom:3rem}input{box-sizing:border-box;width:100%;margin-top:.5em;margin-bottom:.5em;padding:1rem;font-size:1.6rem}button{color:#fff;cursor:pointer;background-color:#641da7;border:1px solid #fff;border-radius:5px;width:200px;padding:1rem;font-size:1.2rem}button:active{background-color:#361158}.finish-todo{width:150px;margin-top:1rem;margin-bottom:1rem}.done-todo{cursor:default;background-color:#006400;width:150px;margin-top:1rem;margin-bottom:1rem}.done-todo:active{background-color:#006400}.delete-todo{background-color:#8b0000;width:150px;margin-top:1rem;margin-bottom:1rem}#error-message{color:red;margin-bottom:2rem;font-size:1.5rem}ul{margin-top:5rem;padding:0;list-style:none}li{color:#000;background-color:#f5f5f5;border-radius:5px;margin-bottom:1rem;padding:1rem}@media screen and (width<=600px){body{font-size:1.4rem}}