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}:root{--mobile-hero-app-row:9fr}button{outline:none!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:"Roboto",sans-serif}.hero{display:-ms-grid;display:grid;-ms-grid-columns:1fr 550px 1fr;grid-template-columns:1fr 550px 1fr;-ms-grid-rows:110px 9fr 1fr;grid-template-rows:110px 9fr 1fr;background:url(https://images.unsplash.com/photo-1593642703055-4b72c180d9b5?auto=format&fit=crop&ixlib=rb-1.2.1&q=80&w=1050);background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.title{-ms-grid-column:2;grid-column:2;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;color:#574285;font-size:50px}.todo-app{-ms-grid-rows:60px 1fr 45px;grid-template-rows:60px 1fr 45px;-ms-grid-column:2;grid-column:2;-ms-grid-row:2;grid-row:2;background:#fff;border-radius:7px;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);margin-right:-18px;margin-left:-18px}.todo-app,.todo-menu-1{display:-ms-grid;display:grid}.todo-menu-1{-ms-grid-columns:50px 1fr;grid-template-columns:50px 1fr;-ms-grid-rows:60px;grid-template-rows:60px;align-items:stretch;box-shadow:0 -1px 6px rgba(0,0,0,.19);border-bottom:1px solid #e6e6e6}.add-todo-text-input{outline:none;border:none;width:100%}::-webkit-input-placeholder{color:#e6e6e6;font-style:italic}:-ms-input-placeholder{color:#e6e6e6;font-style:italic}::-ms-input-placeholder{color:#e6e6e6;font-style:italic}::placeholder{color:#e6e6e6;font-style:italic}:-moz-placeholder,::-moz-placeholder{opacity:1}.delete-button,.delete-completed-button,.menu-2-button,.toggle-all{background:none;border:none;outline:none}.toggle-all{color:#e6e6e6;-ms-grid-column-align:stretch;justify-self:stretch;text-align:center}.toggle-all-checked{color:#4d4d4d}.rotate{display:inline-block;font-size:20px;transform:rotate(90deg);pointer-events:none}.todo-menu-2{display:-ms-grid;display:grid;-ms-grid-columns:2fr 3fr 2fr;grid-template-columns:2fr 3fr 2fr;align-items:center;color:#777;background:#f4f5f6;font-size:14px;font-weight:300}.todo-menu-2 .todos-left{-ms-grid-column-align:start;justify-self:start;padding-left:20px}.todo-menu-2 .todo-menu-2-buttons{-ms-grid-column-align:center;justify-self:center;display:-ms-grid;display:grid;-ms-grid-columns:auto auto auto;grid-template-columns:auto auto auto;grid-gap:3px}.todo-menu-2 .delete-completed-button,.todo-menu-2 .menu-2-button,.todo-menu-2 .todos-left{font-family:inherit;color:inherit;font-size:inherit;font-weight:inherit}.todo-menu-2 .menu-2-button{padding:2px 8px;border:1px solid rgba(137,103,208,0);border-radius:3px}.todo-menu-2 .menu-2-button:hover{border:1px solid rgba(137,103,208,.5)}.active{border:1px solid #8967d0!important}.todo-menu-2 .delete-completed-button{-ms-grid-column-align:end;justify-self:end;padding-right:20px}.todo-menu-2 .delete-completed-button:hover{text-decoration:underline}.todos{grid-auto-columns:1fr;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;list-style-type:none;max-height:490px;overflow-y:auto;overflow-x:hidden}.todos,.todos .todo{display:-ms-grid;display:grid}.todos .todo{-ms-grid-columns:50px 450px 50px;grid-template-columns:50px 450px 50px;border-bottom:1px solid #ededed;align-items:center;overflow-wrap:break-word;word-wrap:break-word}.todos .todo .pretty{-ms-grid-column-align:center;justify-self:center;transform:scale(1.4);margin:0}.pretty .state label{text-indent:0}.pretty .state i{transform:rotate(-5deg);color:#5dc2af}.add-todo-text-input,.todo-text{font-size:24px;color:#4d4d4d}.todo-text{padding-top:13px;padding-bottom:13px}.todo-text:focus{outline:none}.todo-checked-text{color:#d9d9dd;text-decoration:line-through}.todo-checked-text:focus{color:#4d4d4d;text-decoration:none}.delete-button{font-size:28px;color:#df8383;-ms-grid-column-align:end;justify-self:end;visibility:visible}.delete-button:hover{color:#f14a5d;cursor:pointer}input[type=checkbox]{display:none}input[type=checkbox]+label{display:block;position:relative;padding-left:35px;margin-bottom:20px;font:14px/20px "Open Sans",Arial,sans-serif;color:#ddd;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}input[type=checkbox]+label:last-child{margin-bottom:0}input[type=checkbox]+label:before{content:"";display:block;width:20px;height:20px;border:1px solid green;position:absolute;left:5px;top:9px;opacity:.6;transition:all .12s,border-color .08s}input[type=checkbox]:checked+label:before{width:10px;left:8px;top:5px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg)}.editlogo{margin-top:-10px;margin-right:15px;cursor:pointer;height:18px;width:20px}
/*# sourceMappingURL=main.615894b7.chunk.css.map */