@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);body{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;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.625rem;grid-template-areas:". main ." ". main ."}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{grid-area:main;justify-self:center}body{margin:0;min-height:100vh;font-family:"Roboto",sans-serif;background-color:rgba(226,125,125,.8);color:#2c4251}.App{width:30rem;margin:3rem 1rem;padding:1rem 1rem 2rem;background-color:#fff;border-radius:.375rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 5px 15px 0 rgba(0,0,0,.05)}@media (max-width:40rem){.App{width:24rem}}.todo-form{margin:1rem 0;font-size:.985rem}.heading{display:flex;flex-direction:row}.heading img{height:60px}h1{margin:1rem 0}.todo-form input{font-size:.875rem;transition:.3s;border:none;border:1px solid rgba(226,125,125,.8);outline:none;border-radius:4px;box-sizing:border-box;padding:.3rem 1.75rem .3rem .3rem;margin:0}.todo-form button{border:none;outline:none;cursor:pointer;text-decoration:none;box-sizing:border-box;display:inline-flex;background-color:transparent;align-items:center;justify-content:center;text-align:center;padding:4px;height:1.8rem;border-radius:4px;min-width:24px;margin:0 0 0 -1.65rem}.align{display:flex;flex-flow:row wrap;align-items:center}.align button img{width:18px}li{list-style-type:none}.completed{text-decoration:line-through;color:#888}.todo{display:grid;align-items:center;grid-template-columns:4fr 1fr;border-bottom:1px solid #f0f0f0;overflow:hidden}.todo p{text-align:start;margin:5px;font-size:.875rem}.todo button{border:none;outline:none;background-color:transparent;border-radius:4px;justify-self:center;padding:7px 10px}.todo:hover button{cursor:pointer}.todo button img{width:18px}.container{display:block;position:relative;padding-left:2rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label span{background-color:transparent;width:1rem;height:1rem;float:right;margin:3px 3px 3px 4px;transform-origin:center;border:1px solid #888;border-radius:50%}input[type=checkbox]{display:none}.checkmark{position:absolute;height:1rem;width:1rem;top:0;left:0;border-radius:15px}.todo:hover input~.checkmark{border-color:#e79797}.container input:checked~.checkmark{background-color:#e79797;border-color:#e79797}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:6px;top:4px;width:3px;height:6px;border:solid #fff;border-width:0 1px 1px 0;transform:rotate(45deg)}li{display:flex;flex-direction:column-reverse}
/*# sourceMappingURL=main.f5eedb46.chunk.css.map */