@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{background:#94d8e3;background:linear-gradient(219deg,#94d8e3,#b5e4ec 76%,#fff);background-size:cover;box-sizing:border-box;margin:0;min-height:100vh;padding:50px 0 0;width:100%}li{list-style-type:none}.App{background-color:#67979f;border-radius:10px;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0 auto 50px;text-align:center;transition:all .5s ease;width:80%}input{padding:0}@media screen and (min-device-width:900px),screen and (min-width:900px){.App{width:800px}}@media screen and (max-device-width:900px),screen and (max-width:900px){.App{width:90%}}@media screen and (max-device-width:500px),screen and (max-width:500px){.App{padding:20px;width:90%}}button,input,select,textarea{font:inherit}.add-task{box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto 20px;width:100%}.add-task,.input-text-area{background-color:#fff;border-radius:5px;padding:10px}.input-text-area{border:1px solid #ccc;flex:1 1;margin-right:10px}input:focus-visible{outline:none}.add-button{background-color:#43b6ef;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.add-button:hover{background-color:#369bcf}@media screen and (max-device-width:500px),screen and (max-width:500px){.add-task{align-items:stretch;flex-direction:column}.input-text-area{margin-bottom:10px;margin-right:0}}.status-container{display:flex;height:50px;justify-content:center;margin:0 auto;width:50%}.status-btn{background-color:#658194;border:none;border-radius:5px;color:#ced5cb;cursor:pointer;margin:0 10px;padding:5px 10px;transition:background-color .3s}.status-btn.active{color:#39ea1e}.task-list{display:flex;flex-direction:column;margin:0 auto;max-width:800px;padding:0;width:100%}.empty-task-list{margin-bottom:10px;padding:5px;text-align:center}.todoItem{background-color:#11c7e273;border-radius:5px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;justify-content:space-between;margin-bottom:10px;padding:10px}.input-field,.todoItem{align-items:center;display:flex}.input-field{flex:1 1}.edit-task{text-align:left;width:100%}.edit-task input{background-color:inherit;border:none;border-bottom:1px solid #000;font-size:1rem;width:100%}.todoText{align-items:center;display:flex}.todoText p{margin:0}.todoText.done{font-style:italic;opacity:.5;text-decoration:line-through}.todoText.active{font-style:normal;opacity:1;text-decoration:none}.icons-field{align-items:center;display:flex;flex-direction:row;gap:8px}.icons-field button{align-items:center;background-color:#78dd95;border:1px groove #000;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:background-color .2s ease;width:32px}.icons-field button:hover{background-color:#bba9a9}.icons-field button:focus{outline:none}@media screen and (max-device-width:500px),screen and (max-width:500px){.task-list{width:90%}.todoItem{padding:5px 15px}.icons-field button{font-size:1rem;height:28px;width:28px}}.add-project-form{background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:10px}.add-project-form input{font-size:16px;margin-right:10px}.add-project-form button{font-size:16px}@media screen and (max-width:500px){.add-project-form{flex-direction:column}.add-project-form input{margin-bottom:10px;margin-right:0}}.back-button{background-color:#05a8a8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:15px;padding:10px 15px}.back-button:hover{background-color:#107cda}.project-list ul{list-style:none}.project-list li{background-color:#70a6ed73;border-radius:5px;margin:5px 0}.project-list li:hover{background-color:#d9d9d9}.project-item{grid-gap:10px;align-items:center;background-color:#f0f0f0;border-radius:5px;display:grid;gap:10px;grid-template-columns:1fr auto auto;padding:8px}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item:hover{background-color:#f0f0f0}.project-item.selected{background-color:#d0e0ff}.add-task-front-page{align-items:center;background-color:#09bdd5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:5px 10px}.add-task-front-page:hover{background-color:#029627}.add-task,.delete-project-button{background-color:#0ccece;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.delete-project-button:hover{background-color:#fa0606}.landing-page-container{align-items:center;background-color:#f4f4f4;border-radius:10px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;margin:20px auto;padding:20px}.project-list{margin-bottom:20px;max-width:800px;width:100%}.project-list ul{padding:0}.project-list li{border-bottom:1px solid #ccc;cursor:pointer;padding:10px;transition:background-color .3s}.project-list li:hover{background-color:#ddd}.add-project-form{display:flex;justify-content:space-between;margin-bottom:20px;max-width:800px;width:100%}.add-project-form input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.add-project-form button{background-color:#43b6ef;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.add-project-form button:hover{background-color:#369bcf}
/*# sourceMappingURL=main.2319e0a0.css.map*/