body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,code{font-family:"Roboto",sans-serif}.todo-list{height:288px;overflow:auto;padding-left:0}.todo-list li{display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:5px;list-style-type:none;background-color:hsla(0,0%,94.9%,.9294117647058824);border-radius:4px}.todo-list .completed{text-decoration:line-through}.todo-list button{border:none;font-size:1rem}.todo-list button .check{color:#66cd42}.todo-list button .undo{color:#ffac1c}.todo-list button .delete{color:red}.todo-list button svg{display:block}.todo-app{background-color:#fff;width:360px;height:460px;padding-right:25px;padding-left:25px;border-radius:8px;position:relative}.todo-app>form{display:flex}.todo-app>form input{width:100%;margin-right:2px;padding:4px 0}.todo-app>form button{font-size:1.5rem;border:none;background-color:#fff;color:#904be8}.todo-app>form button svg{display:block}.todo-app .pending-task{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:8px;left:25px;right:25px}.todo-app .pending-task>button{background-color:#904be8;color:#fff;border:none;padding:8px;border-radius:4px}.App{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(#64d9d0,#4e8ce3)}.my-info{font-size:2.5rem;color:#fff;position:fixed;bottom:4px;right:10px}.my-info,button:hover{opacity:.8;cursor:pointer}@media (max-width:739px){.App .todo-app{width:80%;height:70%}.App .todo-app .todo-list{height:66%;overflow:auto}}
/*# sourceMappingURL=main.beb417c2.chunk.css.map */