*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-size:100%}body{background-color:#efefef}.App{width:75vw;height:auto;margin:2rem auto;padding:1rem;border-radius:5px}.app-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:400;text-align:center;margin-bottom:3rem;color:#1e90ff}.create-wrapper{width:100%;margin:0 auto}.create-form{width:100%;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.form-text{display:block;width:74%;padding:.5rem;border:1px solid #aaa;border-radius:5px;outline-width:1px;font-family:Roboto,sans-serif}.form-text:focus{outline-color:#1e90ff}.form-button{display:block;width:24%;padding:.6rem;background-color:#1e90ff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Roboto,sans-serif;transition:all .2s ease-in-out}.form-button:hover{background-color:#0072dd}.empty-msg{font-family:Roboto,sans-serif;font-size:1rem;color:#777}.items-wrapper{flex-direction:column;grid-row-gap:1rem;row-gap:1rem}.items-wrapper,.todo-item{width:100%;display:flex;align-items:center}.todo-item{background-color:#fff;padding:.6rem 1rem;border-radius:5px;font-family:Roboto,sans-serif;box-shadow:0 0 6px 0 rgba(0,0,0,.25);justify-content:space-between;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.todo-delete{padding:.5rem;background-color:#ff397d;border:none;border-radius:5px;transition:all .2s ease-in-out;color:#fff;cursor:pointer}.todo-delete:hover{background-color:#da0061}@media (min-width:900px){.App{width:50vw}.app-title{font-size:3.5rem}}
/*# sourceMappingURL=main.4df373a2.chunk.css.map */