*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;height:100%;line-height:1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}.add-todolist{padding:20px 0}.add-todolist .addItem{margin:0 auto;max-width:350px;width:100%}.add-todolist .addItem__add-icon{color:green}.add-todolist .addItem .addItem-value{width:100%}.todolists-list{display:flex;flex-wrap:wrap}.todolist-wrapper{margin:0 auto;max-width:300px}.todolist,.todolist-wrapper{display:flex;padding:10px;width:100%}.todolist{border:1px solid transparent;border-radius:5px;box-shadow:1px 3px 8px #000;flex-direction:column;margin-bottom:10px;max-width:350px;position:relative}.todolist .delete-button button{height:20px;position:absolute;right:-10px;top:-10px;width:20px}.todolist__title{word-wrap:break-word;font-size:18px;font-weight:500;min-height:50px;padding-bottom:5px;text-align:center}.todolist__tasks{display:flex;flex:1 0 auto;flex-direction:column;padding:10px 0}.App{background-color:#343333;color:#fff;min-height:90vh}.App .header{position:relative}.App .header__container{text-align:right;width:100%}.App .header .progressbar{bottom:0;left:0;position:absolute;right:0}.container{margin:0 auto;max-width:1220px;padding:10px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#343333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login input[type=email],.login input[type=password],.login input[type=text]{border-color:#fff;color:#fff}.login label{color:#7a7979}.addItem{align-items:center;display:flex}.addItem .addItem-value input{color:#fff}.addItem .addItem-value label{color:red}.addItem__add-icon{color:#9acd32}.changeableTitle{cursor:pointer}.changeableTitle .changeMode{align-items:center;display:flex}.changeableTitle .input-wrapper label{color:red}.changeableTitle .input-wrapper .error :after{border-color:red}.changeableTitle input{color:#fff;margin-bottom:1px}.changeableTitle .button{color:#fff;margin-left:10px;padding:0}.switcher{display:flex;justify-content:space-between;max-width:100%;overflow:hidden;padding:10px 0}.switcher button{font-size:14px;font-weight:700}.switcher .active button{border-color:#adff2f;color:#adff2f;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.switcher .active button.completed{background-color:#adff2f;border-color:red;color:red}.task{align-items:center;border-radius:5px;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);display:flex;margin-bottom:10px;max-width:100%;min-height:45px;padding:3px 0;position:relative}.task__title{word-wrap:break-word;color:#fff;max-width:200px;width:100%}.task .task__delete{content:"";height:20px;position:absolute;right:-7px;top:-7px;width:20px}.task .changeableTitle{display:block;max-width:220px;width:100%}
/*# sourceMappingURL=main.ee0a1755.css.map*/