*{box-sizing:border-box;margin:0;padding:0}header{height:100px;background:-webkit-radial-gradient(top left,#fdb927,#006bb6,#fdb927);background:radial-gradient(to bottom right,#fdb927,#006bb6,#fdb927)}header>h1{font-family:copperplate,sans-serif;font-weight:300;color:#f5f5f5;font-size:50px;padding:20px 0;text-align:center}.app{background:#006bb6;height:100vh}.todo-list{background:#fdb927;border-radius:4px;padding:5px;max-width:600px;height:500px;position:relative;top:40%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(/static/media/warriors3.903e508a.png);background-repeat:no-repeat;background-position:bottom}.todo{background:#fff;box-shadow:1px 1px 1px rgba(0,0,0,.15);padding:3px 10px;font-size:12px;margin-bottom:6px;border-radius:3px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;font-family:copperplate,sans-serif}.input,.todo{color:#006bb6}.input{width:100%;box-sizing:border-box;border:0;border-radius:4px;box-shadow:none;padding:3rem;height:2.25em}input::-webkit-input-placeholder{color:#006bb6}input::-ms-input-placeholder{color:#006bb6}input::placeholder{color:#006bb6}#buttonComplete{margin-right:20px}#buttonComplete,#buttonDelete{color:#006bb6;padding:2px}@media screen and (max-width:1024px){.todo-list{max-width:600px;height:68vh;position:relative;top:40%;background-image:url(/static/media/warriors2.2f37d136.png)}}@media screen and (max-width:500px){.todo{padding:1px;font-size:8px}.todo-list{max-width:370px;height:68vh;position:relative;top:40%}#buttonComplete{margin:0}}@media screen and (max-width:375px){.todo-list{max-width:310px;height:72vh;position:relative;top:40%}}@media (max-width:320px) and (min-width:320px){.todo-list{max-width:310px;height:70vh;position:relative;top:40%;background-image:url(/static/media/warriors4.65ff5478.png)}}
/*# sourceMappingURL=main.17f2b896.chunk.css.map */