@font-face{font-family:Pretendard-Regular;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400,700;font-style:normal}.App{width:600px;margin-inline:auto;margin-block:auto;display:flex;flex-direction:column;gap:0px}.header>h1{font-family:Pretendard-Regular;font-size:7.15em;font-weight:700;width:fit-content;margin-inline:auto;margin-block:50px;color:#48cae4}.editor{display:flex;height:50px;gap:10px}.editor input{font-family:Pretendard-Regular;width:100%;font-size:1em;padding:10px 20px;border-radius:5px;border:1px solid rgb(245,245,245);color:#444;box-shadow:0 4px 10px #0000001a}.editor input:is(:focus){outline:2px solid #0bc5ea}.editor input::placeholder{text-align:center}.editor button{cursor:pointer;font-family:Pretendard-Regular;width:80px;font-size:1.2em;border-radius:5px;border:none;color:#fff;background:linear-gradient(180deg,#22d2f6,#0bc5ea,#00b5d9);box-shadow:1px 4px 5px #0003}.List{display:flex;flex-direction:column;gap:15px;padding:0 10px}.List .searchBar{font-family:Pretendard-Regular;margin-block-start:40px;border:none;border-bottom:1px solid rgb(220,220,220);padding:10px 0}.List .searchBar:is(:focus){outline:none;border-bottom:1px solid #00b4d8}.List .todos_wrapper{display:flex;flex-direction:column;gap:20px}.List .todos_wrapper .done{text-decoration:line-through;color:#00b4d8}.todoItem{display:flex;align-items:center;gap:20px;padding-bottom:15px;border-bottom:1px solid rgb(240,240,240)}.todoItem .editing,.todoItem .content{color:#444;font-size:20px;font-family:Pretendard-Regular;flex:1}.todoItem .editing{color:#ff8b2c;border:none;padding:0}.todoItem .editing:is(:focus){outline:1px solid rgb(245,245,245);box-shadow:0 4px 10px #0000000d}.todoItem .content.done{text-decoration:line-through;color:#999}.todoItem .date{font-size:14px;color:gray}.todoItem button{width:24px;cursor:pointer;color:gray;font-size:14px;border:none;border-radius:5px;padding:5px}.todoItem button svg{margin:0 auto}