@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);*{box-sizing:border-box;font-family:Lexend Deca,sans-serif;margin:0;padding:0}body{background:#2c2d30;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.container{background-color:#2c2d30;flex-direction:column;max-width:700px}.container,.header{align-items:center;display:flex;width:100%}.header{justify-content:space-between;margin-bottom:20px;max-width:600px}.logout{background-color:#fff;border:none;border-radius:6px;color:#000;cursor:pointer;padding:6px 12px}.logout,.title{font-weight:700}.title{color:#dadada;font-size:2rem;text-align:center}.inputform{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;max-width:600px;width:100%}input[type=text]{background-color:#2c2d30;border:1px solid #ccc;border-radius:8px;color:#bababa;flex:1 1 200px;font-size:1rem;padding:12px 16px}input[type=text]:focus{border-color:#02d869;outline:none}.btn-sign{background-color:#02d869;border:none;border-radius:8px;color:#2c2d30;margin-left:25%}.add,.btn-sign{cursor:pointer;font-size:1rem;height:45px;padding:12px 20px}.add{background-color:#2c2d30;border:2px solid #c3c3c3;border-radius:8px;color:#c3c3c3;flex-shrink:0}.add:hover{background-color:#c3c3c3;color:#2c2d30}.eachTask{align-items:center;background-color:#bababa;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px;max-width:600px;padding:15px 20px;width:100%}.eachTask input[type=text]{background-color:#fff;border:1px solid #999;color:#333;flex:1 1 120px}.eachTask button{background:none;font-size:1.2rem;padding:8px}.eachTask button,button.delete{border:none;border-radius:6px;cursor:pointer}button.delete{background-color:#cf3322!important;color:#fff!important;font-size:1rem;padding:10px 16px}.delete:hover{background-color:#972a1e!important}@media (max-width:600px){.inputform{flex-direction:column}.add{width:100%}.eachTask{align-items:flex-start;flex-direction:column}.eachTask input[type=text]{width:100%}.eachTask button{font-size:1.5rem}}
/*# sourceMappingURL=main.21f46c69.css.map*/