@import"https://fonts.googleapis.com/css2?family=Savate:ital,wght@0,200..900;1,200..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%;margin:0 auto;padding-top:90px;background-color:#e0e0c1;font-family:Savate,sans-serif}.container{display:flex;flex-direction:column;align-items:center;max-width:500px;width:100%}#todo-input{padding:15px 65px;border-style:solid;border-color:#eddbdb;border-radius:5px;margin-top:20px;margin-bottom:10px;background-color:#f4f4e2}#todo-input:focus{outline:none;border-color:#812b0f}#add-btn{padding:8px;font-size:15px;font-weight:550;background-color:#a7855b;border:none;cursor:pointer;color:#fff}.completed{text-decoration:line-through;color:gray;opacity:.7}#todo-list{margin-top:20px;display:flex;flex-direction:column;gap:5px}#todo-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border:2px solid rgb(235,185,185);background-color:#ebb9b9;list-style:none;color:#000;width:100%;height:50px}#todo-list li span{flex-grow:1;padding-right:10px;overflow-wrap:break-word}#todo-list li .actions{display:flex;gap:5px}#todo-list li .actions button{border:none;background:none;font-size:20px;cursor:pointer}#todo-list li .actions button i{font-size:20px;color:#faebd7}