.App{font-family:sans-serif;text-align:center;padding:0 36px;max-width:665px;height:665px;margin:5% auto 0;background-image:url(https://images.pexels.com/photos/1762851/pexels-photo-1762851.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-repeat:no-repeat;background-position:50%;box-shadow:2px 2px 5px #000}.header{display:flex;justify-content:space-between;align-items:center}h1{text-align:left;color:#fff;text-shadow:2px 2px 5px #000;font-size:2.5rem}.todo-list{display:flex;flex-flow:row wrap;justify-content:space-between;width:100%;margin:0 auto}.todo{background-color:#ffca3a;width:45%;text-align:left;margin:5% 0 4px;padding-left:8px;cursor:pointer}.todo,.todo.completed{color:#fff;text-shadow:1px 1px 3px #000;font-size:1.5rem;box-shadow:2px 2px 8px #000}.todo.completed{background-color:#0470dc;text-decoration:line-through}form{width:50%;display:flex;justify-content:flex-end}form>input{background-color:#fff;border:0;padding:6px 0;font-size:1rem;width:175px;outline:0;color:#000;margin-right:8px;box-shadow:1px 1px 3px #000}button{background-color:#057af0;border:1px solid #0470dc;color:#fff;font-size:16px;padding:6px 14px;text-shadow:1px 1px 3px #000;box-shadow:1px 1px 5px #000}input::-webkit-input-placeholder{color:#000;opacity:1}input:-ms-input-placeholder{color:#000;opacity:1}input::-ms-input-placeholder{color:#000;opacity:1}input::placeholder{color:#000;opacity:1}.clear-btn{margin-top:16px}
/*# sourceMappingURL=main.ffe927e5.chunk.css.map */