body{margin:0;padding:0;font:14px Helvetica Neue;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;min-width:550px;font-weight:300}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}.App,.header{text-align:center}.header{font-size:100px;color:#ead7d7}.app-container{height:100%;display:flex;flex-direction:column;align-items:center}:focus{outline:none}.todo-bar-container{display:flex;box-shadow:inset 0 -2px 1px rgba(0,0,0,.03)}.content{background:#fff;width:550px;box-shadow:0 0 5px rgba(0,0,0,.2)}.todo-bar{width:100%;box-sizing:border-box;font-size:24px;padding:16px;border:none;background:rgba(0,0,0,.003);flex:1 1;font:24px Helvetica Neue;font-weight:300}.todo-bar::-webkit-input-placeholder{opacity:.1}.todo-bar::-ms-input-placeholder{opacity:.1}.todo-bar::placeholder{opacity:.1}.activate-all{font-size:22px;color:#e6e6e6;margin:27px;display:block;text-align:center;-webkit-transform:rotate(90deg);transform:rotate(90deg);cursor:pointer}.activate-all:hover{color:#000}.todo-list{list-style:none;padding-left:0;margin:0}.todo-item{position:relative;padding:15px;font-size:24px;border-bottom:1px solid #ededed}.todo-completed{text-decoration:line-through;color:#ddd}.todo-label{display:block;position:relative;padding-left:35px;padding-right:35px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-break:break-all}.todo-label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #bbb;border-radius:50%}.checkmark:after{content:"";position:absolute;display:none}.todo-label input:checked~.checkmark:after{display:block}.todo-label .checkmark:after{position:absolute;left:50%;top:50%;margin:-6px 0 0 -7px;width:12px;height:6px;border-left:2px solid #2e8ece;border-bottom:2px solid #2e8ece;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fl{float:left;flex:1 1;text-align:left}.remove-button{opacity:0;position:absolute;top:10px;right:10px;bottom:10px;width:30px;height:30px;font-size:30px;background-color:initial;margin:-5px 0 auto;-webkit-transition:color .2s ease-out;transition:color .2s ease-out;border:1px solid transparent}.remove-button:after{content:"\D7";color:#cc9a9a}.remove-button:hover:after{content:"\D7";color:#331515}.todo-item:hover .remove-button{opacity:1}.infoBox{color:#777;padding:10px 15px;height:20px;text-align:center;border-top:1px solid #e6e6e6;display:flex;box-shadow:0 1px 1px rgba(0,0,0,.2),0 8px 0 -3px #fff,0 9px 1px -3px rgba(0,0,0,.2),0 16px 0 -6px #fff,0 17px 2px -6px rgba(0,0,0,.2)}.filter-btns{margin:0;padding:0;list-style:none;position:absolute;right:0;left:0;flex:1 1}.filter-btns li{display:inline}.todo-btn{margin:0 3px;padding:4px 9px;border:1px solid transparent;border-radius:3px}.todo-active,.todo-btn:hover{border-color:#ead7d7}.clear-btn{float:right;cursor:pointer;position:relative;margin:0 3px;padding:4px 9px;border:1px solid transparent;border-radius:3px}.clear-btn:hover{border-color:#ead7d7}
/*# sourceMappingURL=main.91a0e6f9.chunk.css.map */