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;background-color:#303030}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{color:#fff;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:490px){.App__headline{font-size:6vw}}.Todo-list__item{display:flex;flex-direction:row;margin-top:25px;padding:10px;justify-content:space-between;width:300px;height:70px;overflow-wrap:anywhere;overflow-y:hidden;border-radius:7px;background-color:#5e5e5e;color:#fff;outline:none;cursor:pointer;box-shadow:0 0 10px 0 #000;order:0}.item__delete-btn{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:none;opacity:none}.Todo-list__todo{align-self:center;order:-1}.Todo-list__no-completed{align-self:center;order:2}.Todo-list__all-completed{align-self:center;order:0}.Todo-list__completed{align-self:center;order:1}.completed{order:2}@media only screen and (max-width:400px){.Todo-list__item{width:250px}}.App__Todo-list{display:flex;flex-direction:column;justify-content:space-between}.Todo-list__header{align-self:center}.App__Todo-form{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem;width:380px;height:150px;background-color:#5e5e5e;margin-top:40px;margin-bottom:30px;box-shadow:0 0 10px 0 #000;border-radius:8px;position:relative;padding:15px 0 0}.Todo-form__btn{background-color:#424242;border-radius:8px;cursor:pointer;color:#fff;font-size:15px;font-weight:700;padding:7px 25px;text-decoration:none;margin-bottom:25px;outline:none;margin-top:7%;width:50%;align-self:center}.Todo-form__btn:hover{background-color:#0a0a0a}.TodoForm__btn:active{position:relative;top:1px}.Todo-form__input{margin-top:8%;width:70%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:1.3rem;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.Todo-form__input::-webkit-input-placeholder{color:transparent;margin-left:5%;margin-top:8%}.Todo-form__input:-ms-input-placeholder{color:transparent;margin-left:5%;margin-top:8%}.Todo-form__input::-ms-input-placeholder{color:transparent;margin-left:5%;margin-top:8%}.Todo-form__input::placeholder{color:transparent;margin-left:5%;margin-top:8%}.Todo-form__input:placeholder-shown~.Todo-form__label{font-size:1.3rem;cursor:text;top:20px;margin-top:8%}.Todo-form__label{margin-top:8%;position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#9b9b9b}.Todo-form__input:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(90deg,#11998e,#38ef7d);border-image-slice:1}.Todo-form__input:focus~.Todo-form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#11998e;font-weight:700;margin-top:8%}.Todo-form__input:invalid,.Todo-form__input:required{box-shadow:none}@media only screen and (max-width:400px){.App__Todo-form{width:300px}}
/*# sourceMappingURL=main.b3633985.chunk.css.map */