.App{width:32rem;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.Header>h1{color:#2593ff}.Editor{display:flex;gap:.5rem}.Editor input{flex:1;padding:1rem;border:1px solid rgb(200,200,200);border-radius:.5rem}.Editor input:focus{outline:none;border:1px solid rgb(37,147,255)}.Editor button{cursor:pointer;width:5rem;border:none;background-color:#2593ff;color:#fff;border-radius:.5rem}.List{display:flex;flex-direction:column;gap:1.2rem}.List>input{width:100%;border:none;border-bottom:1px solid rgb(200,200,200);padding:1rem 0}.List>input:focus{outline:none;border-bottom:1px solid rgb(37,147,255)}.List .todos_wrapper{display:flex;flex-direction:column;gap:1.2rem}.TodoItem{display:flex;align-items:center;gap:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgb(240,240,240)}.TodoItem input{width:1.2rem}.TodoItem .content{flex:1}.TodoItem .date{font-size:.8rem;color:gray}.TodoItem button{cursor:pointer;color:gray;font-size:.8rem;border:none;border-radius:.3rem;padding:.3rem}