.App{flex-direction:column;gap:10px;width:500px;margin:0 auto;display:flex}.Header>h1{color:#2593ff}.Editor{gap:10px;display:flex}.Editor input{border:1px solid #dcdcdc;border-radius:5px;flex:1;padding:15px}.Editor button{cursor:pointer;color:#fff;background-color:#2593ff;border:none;border-radius:5px;width:80px}.List{flex-direction:column;gap:20px;display:flex}.List>input{border:none;border-bottom:1px solid #dcdcdc;width:100%;padding:15px 0}.List>input:focus{border-bottom:1px solid #2593ff;outline:none}.List>.todos_wrapper{flex-direction:column;gap:20px;display:flex}.TodoItem{border-bottom:1px solid #f0f0f0;align-items:center;gap:20px;padding-bottom:20px;display:flex}.TodoItem input{width:20px}.TodoItem .content{flex:1}.TodoItem .date{color:gray;font-size:14px}.TodoItem button{cursor:pointer;color:gray;border:none;border-radius:5px;padding:5px;font-size:14px}