*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:#565656;color:#fff}#container{width:100%;height:100vh;display:flex;padding:5vh;align-items:center;flex-direction:column}#inputContainer{width:80%;margin:20px 0}#inputContainer form{display:flex;align-content:center;justify-self:center}form input{width:400px;height:40px;border-radius:10px;margin-right:10px;outline:none;color:#000;font-size:15px;padding:0 10px;border:none}form button{width:100px;height:40px;border-radius:10px;background-color:#4caf50;color:#fff;font-size:20px;border:none;cursor:pointer}form button:hover{background-color:#45a049}#todoList{width:100%;height:auto;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#todoList li{width:100%;height:100%;padding:10px 20px;font-size:20px;list-style:none;border-radius:10px;outline:none;border:none;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;background-color:#f0f0f0}#todoList li span{margin-left:10px}.striked{text-decoration:line-through;color:gray}#todoList li button{padding:10px 20px;border-radius:10px;outline:none;background-color:red;color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer}#todoList li #edit{background-color:#2f475a;margin-right:10px}.notask{font-size:30px;color:#fff;margin-top:40px;font-weight:600}