body{background-color:#efefc5;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}h1{text-align:center;color:#333}.input-container{display:flex;justify-content:center;align-items:center;flex-direction:column}.input-container>input{width:300px;height:30px;margin:10px;padding:5px;border-radius:5px;border:1px solid #333;text-transform:capitalize}.input-container>button{width:100px;height:30px;margin:10px;padding:5px;border-radius:5px;border:1px solid #333;background-color:#333;color:#fff;cursor:pointer}.input-container>button:hover{background-color:#555}.input-container>button:active{background-color:#777}.container{margin-top:15px;display:flex;align-items:center;flex-direction:column;justify-content:center}.todo{display:flex;font-size:1rem;width:300px;border-radius:10px;border:1px solid #333;background-color:coral;padding:0 5px;text-align:center;justify-content:space-between;margin:10px}.actions>button{width:70px;height:30px;margin:10px;padding:0 10px;border-radius:5px;border:1px solid #ffffff;background-color:#333;color:#fff;cursor:pointer}.actions>button:hover{background-color:#555}