body{margin:0;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App,body{background:#f0f0f0}.App{margin:20px auto;width:90%;max-width:700px;color:#202124}.navbar{display:flex;justify-content:space-around;padding:10px 20px;text-align:center}.navbar h1{margin:10px 0}.todo-list{margin:20px}.todo-list ul{padding:0;list-style-type:none}.todo-list li{display:grid;grid-template-columns:1fr 1fr 20px 20px;grid-gap:10px;gap:10px;grid-template-areas:"list done delete";background:#fff;border:1px solid #dadce0;border-radius:4px;padding:10px;cursor:pointer;transition:ease-in-out cubic-bezier(.55,.055,.675,.19);margin:10px 0}.todo-list li:after{content:"";border-radius:5px;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;opacity:0}.todo-list li:hover{box-shadow:0 3px 2px rgba(15,14,14,.1)}.todo-list li:hover:after{opacity:1}h1{font-weight:400}.todo-list .title{font-weight:400;color:#202124;font-size:1.2em}.todo-list .date{font-size:.9em;color:#202124}.empty{margin:20px;text-align:cemter}form{padding:20px}input[type=text]{width:100%;padding:10px;box-sizing:border-box;margin:6px 0;background:#fff;color:#202124;border-radius:4px;border:0;box-shadow:0 5px 15px rgba(0,0,0,.3)}input[type=text]:focus{outline-width:0}.All,.Today{color:#2c3e50;text-decoration:none;font-size:50px;font-weight:400}.quote{display:block;-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:40px;margin-inline-start:40px;-webkit-margin-end:40px;margin-inline-end:40px;color:#828282;font-size:1.1em;font-style:italic;letter-spacing:-.005em;font-family:"Georgia",serif;border-left:3px solid #202124;margin-left:5px;padding-left:20px}.title{box-sizing:border-box;font-size:1.5rem}.title,p{font-family:"Georgia",serif;letter-spacing:-.003em;line-height:1.5em}p{font-size:1.2rem}.About{position:absolute;left:120px;top:10px;color:#2c3e50;text-decoration:none;font-size:30px;font-weight:400}img{max-width:80%;max-height:80%;min-width:80%;min-height:80%}.todo-delete-icon:hover{color:#e74c3c;margin:auto}.todo-done-icon:hover{color:#2ecc71;margin:auto}.all-list,.today-header{text-align:center}.form{position:relative}.submit{position:absolute;right:35px;top:55px;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;text-align:center;color:#fff;border:none;background-color:#42b883}.text{height:50px;font-size:25px}.submit:focus{outline-width:0}.empty{text-align:center}.empty-icon{background:#ffae00;border-radius:50%;color:#fff}
/*# sourceMappingURL=main.8143e528.chunk.css.map */