.header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;position:relative;height:100%;color:#dadada;font-size:1.8rem}.logo{align-self:flex-start;-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:1.8rem;pointer-events:none}.title{cursor:default}.button{margin-left:auto;margin-right:2vmin;padding-inline:5px;border-radius:5px;font-size:1.1rem;text-align:center;cursor:pointer;transition:background-color .2s ease-in-out;border:1px solid #fff}.button:hover{background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,0)}@media only screen and (max-width:768px){.title{font-size:1rem}.button{font-size:.9rem}}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}footer{position:-webkit-sticky;position:sticky;bottom:0;width:100%;display:flex;flex-flow:row wrap;justify-content:center}footer div{font-size:1rem;background-color:#1e2127;color:grey;margin:10px;padding:10px;border-radius:10px;text-align:center;align-items:stretch;line-height:2ch}@media only screen and (max-width:768px){footer{display:none!important}}body{background-color:#282c34;min-height:100vh;position:relative}.app{padding-top:1rem}.todo-list{color:#fff}ul{list-style:none;line-height:2rem;padding:0 0 0 2vw;width:95%}.todo{margin:1rem 0}.checkbox,.todo{display:flex;align-items:center}.checkbox{width:18px;height:18px;border-radius:30%;margin-right:10px;cursor:pointer;font-size:10px;flex:0 0 18px;justify-content:center;transition:background-color .2s ease-in-out;border:1px solid #fff}.checkbox:hover{background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,0)}.todo-is-completed .checkbox{color:#000;background:#fff}.wrapper{position:relative;width:100%}.wrapper span{overflow:hidden;position:absolute;pointer-events:none;width:100%}.todo-is-completed .wrapper span:after{content:"";display:block;height:2px;box-shadow:0 1px hsla(0,0%,100%,.3);margin-top:-1em;background:#61dafb;transform-origin:center left;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:strikethrough .75s cubic-bezier(.55,0,.1,1) 0s 1;animation:strikethrough .75s cubic-bezier(.55,0,.1,1) 0s 1;transition:transform .5s cubic-bezier(.55,0,.1,1)}input{border:none;background:transparent;color:#fff;font-size:1.4rem;outline:none;width:100%}.todo-is-completed input{color:grey;transition:color .55s ease .2s}@-webkit-keyframes strikethrough{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes strikethrough{0%{transform:scaleX(0)}to{transform:scaleX(1)}}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}
/*# sourceMappingURL=main.47a382dd.chunk.css.map */