@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300&display=swap);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;font-family:"Poppins",sans-serif;letter-spacing:1px;--dark-bg:#16161a;--dark-color:#fffffe;--dark-secondary-bg:#b8b9b9}h3{color:grey}.app-dark{background-color:var(--dark-bg);color:var(--dark-color);width:100%;margin:auto;min-height:100vh}.app-dark,.app-light{transition:.8s ease;padding-top:20px}.todo-list-dark>ul>li{color:#000;background:var(--dark-secondary-bg)}.todo-list-dark>ul>.done{background-color:#fc8d8d}.darkModeButton,.light-mode{background-color:transparent;border:none;outline:none}.home{margin:auto}.time{font-family:"Cairo",sans-serif}span{font-size:1.1rem}.form-main{display:flex;width:458px;margin:0 auto 17px;padding:0 0 10px;border-bottom:1px solid}.form-main>input{flex:1 1}.form-main>button,.form-main>input{padding:10px 20px;border-radius:4px;margin:0 5px;border:2px solid;font-size:1.1em}.header{display:flex;justify-content:space-around;align-items:center;padding:auto;width:458px;margin:auto}.ul{padding:0;display:grid;grid-template-columns:repeat(auto-fit,27rem);justify-content:center}.li{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;font-weight:600;background:#f1f1f1;border-radius:7px;overflow:hidden;position:relative;margin:.5rem}::-webkit-scrollbar{width:0;background:transparent}.todo-name{font-size:1.2em;width:250px;word-wrap:break-word;height:55px;overflow-y:scroll}button{cursor:pointer}.todo-actions>button{background:none;border:transparent;margin:0 5px;padding:5px}.todo-actions>button>img{display:flex;align-items:center;width:22px}.date{color:#352f44}.done{text-decoration:line-through;background:#fc8d8d}footer{position:static;bottom:20px;left:0;width:100%;margin:0}footer>p{height:50px;text-align:center;margin:auto}
/*# sourceMappingURL=main.decc7d7d.chunk.css.map */