body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:SUITE-Regular;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2) format("woff2")}#root{align-items:center;background-image:url(/React-todolist-with-Redux-toolkit/static/media/bg.c245d1da5f295f125e75.jpg);background-size:cover;display:flex;height:100vh;justify-content:center}.App,button,input{font-family:SUITE-Regular}input,input:focus{border:0;outline:0}button,input[type=checkbox]{cursor:pointer}button{background-color:inherit;border:0}.App{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff73;border-radius:20px;box-shadow:0 5px 15px #b1bbc6;height:90vh;min-height:700px;text-align:center;width:400px}.inputTodo,.today,.todoList{margin:auto;width:350px}.today{display:flex;flex-direction:column;height:6vh;justify-content:space-between;min-height:50px;padding:3.5vh 0;text-align:left}.today p:first-child{font-size:25px}.today p:last-child{color:#aaa;font-size:20px}.todoList{-ms-overflow-style:none;border-top:.5px solid #aaa;height:59vh;min-height:470px;overflow-y:scroll;padding:2vh 0;scrollbar-width:none}.todoList::-webkit-scrollbar{display:none}.todoList li{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1.5vh}.todoList li div{text-align:left;width:83%}.todoList li button{color:#aaa}.todoList li button:hover{color:#ee7171}.inputTodo{height:8vh;min-height:62px;padding:3vh 0}.inputContent{bottom:13vh;display:flex;height:4vh;justify-content:space-between;position:absolute;width:350px}.down,.inputContent{transition:all .3s ease-in}.down{height:0;opacity:0}.inputContent input{padding:0 10px;width:75%}.inputContent button,.inputContent input{border-radius:20px;box-shadow:0 -3px 5px #b1bbc6;height:100%}.inputContent button{background-color:#e2e2e2;width:16%}.inputContent button:hover{background-color:#d5dadc}.inputContent.down button p{opacity:0;transition:all .3s ease-in}.inputContent button p{opacity:1;transition:all .3s ease-in}.showInputBtn{background-color:#0075ff;border-radius:50%;height:8vh;transition:all .3s;width:8vh}.rotate{background-color:#ee7171;transform:rotate(45deg)}
/*# sourceMappingURL=main.d619a789.css.map*/