@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);:root{--colour-bg:#1f1f38;--colour-bg-variant:#2c2c6c;--colour-primary:#4db5ff;--colour-primary-variant:rgba(77,181,255,.4);--colour-white:#fff;--colour-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#1f1f38;display:flex;justify-content:center}.App{text-align:center}h1{color:#fff;font-size:1.75rem;margin-bottom:.5rem}.TodoWrapper{background:#2c2c6c;border-radius:5px;margin-top:5rem;padding:2rem}.TodoForm{width:100%}.todo-input{background:none;border:1px solid #8758ff;color:#fff;margin-bottom:2rem;margin-top:1rem;outline:none;padding:.5rem 1rem;width:300px}.todo-input::-webkit-input-placeholder{color:#ffffff4d}.todo-input::placeholder{color:#ffffff4d}.todo-btn{border:none;padding:.55rem}.Todo,.todo-btn{background:#8758ff;color:#fff;cursor:pointer}.Todo{align-items:center;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.fa-trash{margin-left:.75rem}.completed{color:#c5aeff;text-decoration:line-through}
/*# sourceMappingURL=main.ffba2cca.css.map*/