body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{font-family:"Courgette",cursive;background-repeat:no-repeat;background-size:cover}h1{font-size:50px}.App{text-align:center;padding-top:40px}.textFieldArea{margin:30px auto;width:90%;padding-top:20px}.ListArea{position:relative;margin:auto;background-color:#f0f8ff;width:700px;height:700px;border-radius:25px;overflow:scroll}.ListItem{margin:20px auto auto;width:650px;height:55px;background-color:#fff;border-style:dashed;border-color:#d2691e;border-radius:25px;padding-top:15px}.ListText,.ListTextbox{position:relative;bottom:10px;padding-bottom:5px;font-size:29px;color:#000;font-family:"Roboto",sans-serif}.ListTextbox{border:none;outline:none;background-color:transparent}.clearTask{position:-webkit-sticky;position:sticky;width:700px;height:100px;bottom:0;border-radius:25px;background-color:#f0f8ff;margin:auto}.clearTask>svg{left:50%;top:50%;color:#000}.clearData,.clearTask>svg{position:absolute;padding-top:10px;transform:translate(-50%,-50%);cursor:pointer}.clearData{color:#d2691e}.MuiGrid-spacing-xs-2>.MuiGrid-item{margin:auto}.inputTodo{height:50px;width:500px;border-radius:20px;font-size:24px;padding-left:17px;font-family:"Roboto",sans-serif;position:relative;top:-20px}.addBtn{background-color:transparent;background-repeat:no-repeat;border:none;overflow:hidden;outline:none;position:relative;padding-left:20px}.addBtn>svg{color:#000;cursor:pointer}.delTrash{color:#d2691e;position:relative;bottom:6px;cursor:pointer}@media only screen and (max-width:400px){body,html{font-family:"Courgette",cursive;background-size:cover;overflow-x:hidden!important;background-attachment:fixed;height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body,h1,html{position:fixed}h1{font-size:40px;margin:10px;top:5%;left:24%}.App{text-align:center;padding-top:40px}.textFieldArea{margin:20px auto;width:70%;padding-top:20px}.controlContainer{position:relative;bottom:60px}.ListArea{position:fixed;margin:10px;top:15%;left:2%;background-color:#f0f8ff;width:90%;height:70%;border-radius:25px;overflow:scroll}.ListItem{margin:20px auto auto;width:80%;height:45px;background-color:#fff;border-style:dashed;border-color:#d2691e;border-radius:25px}.ListTextbox{position:relative;font-size:29px;color:#000;font-family:"Roboto",sans-serif;border:none;outline:none;background-color:transparent}.clearTask{position:-webkit-sticky;position:sticky;width:50%;height:100px;bottom:0;border-radius:25px;background-color:#f0f8ff;margin:auto}.clearTask>svg{position:absolute;left:50%;top:50%;padding-top:10px;color:#000;transform:translate(-50%,-50%);cursor:pointer;font-size:50px}.MuiGrid-spacing-xs-2>.MuiGrid-item{margin:auto}.inputTodo{height:40px;width:100%;border-radius:20px;font-size:24px;padding-left:17px;font-family:"Roboto",sans-serif;position:relative;top:-20px;left:-20px}.addBtn{background-color:transparent;background-repeat:no-repeat;border:none;overflow:hidden;outline:none;position:relative;padding-left:20px;bottom:61px;left:130px}.addBtn>svg{color:#000;cursor:pointer;font-size:40px}.delTrash{position:relative;bottom:58px;font-size:small}.clearData,.delTrash{color:#d2691e;cursor:pointer}.clearData{position:absolute;padding-top:5px;transform:translate(-50%,-50%)}}
/*# sourceMappingURL=main.2d07fb26.chunk.css.map */