@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-image:linear-gradient(to bottom left,#ffe5d998),url(/assets/button-86q3wE_z.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:contain;background-position:top;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.App{text-align:center}h1{color:#a6533e;margin-bottom:.5rem;font-size:1.75rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.TodoWrapper{background:#ffe5d9;margin-top:5rem;padding:2rem;border-radius:1rem;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.TodoForm{width:100%;margin-bottom:1rem}.todo-input{outline:none;background:#fff0e5;border:1px solid #f4a261;padding:.5rem 1rem;margin-top:1rem;margin-bottom:2rem;width:300px;color:#a6533e;border-top-left-radius:.6rem;border-bottom-left-radius:.6rem}.todo-input::placeholder{color:#c29684}.todo-btn{background:#f4a261;color:#fff;border:none;padding:.55rem;cursor:pointer;border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}.Todo{display:flex;justify-content:space-between;align-items:center;background:#ffd8c2;color:#5a3323;padding:.75rem 1rem;border-radius:5px;margin-bottom:1rem}.Todo p{margin-right:1.4rem;max-width:400px;word-wrap:break-word;color:#a6533e}.fa-trash{margin-left:.75rem}.incompleted{color:#5a3323;cursor:pointer}.completed{color:#a58a79;text-decoration:line-through;cursor:pointer}.edit-icon,.delete-icon{cursor:pointer;color:#a6533e}@media (max-width: 768px){body{background:linear-gradient(to right,#f7a97b,#e3bda7,#f7a97b)}.TodoWrapper{width:90%;margin-top:3rem;padding:1.5rem}.todo-input{width:100%;border-radius:.6rem;margin-bottom:1rem}.todo-btn{width:100%;border-radius:.6rem}.Todo{flex-direction:column;align-items:flex-start}.Todo p{margin-right:0;margin-bottom:.5rem;max-width:100%;word-wrap:break-word}.edit-icon,.delete-icon{align-self:flex-end}}@media (max-width: 480px){h1{font-size:1.4rem}.todo-input,.todo-btn{font-size:.9rem;padding:.5rem}.Todo{padding:.5rem}.TodoWrapper{padding:1rem}}