body,html{background-color:#f1f2f6;font-family:Quicksand,sans-serif;height:100%;margin:0;padding:0;scroll-behavior:smooth}.App{display:flex;height:100%;width:100%}.sidebar-container{height:100%;left:0;position:fixed;top:0;z-index:1}.task-view{flex:1 1;height:100%;overflow-y:auto;padding:50px 10px 10px 350px;position:relative;transition:padding .3s ease}.sidebar{background-color:#c7ecee;border-right:1px solid #ddd;box-shadow:2px 0 4px #0000001a;flex-direction:column;height:100%;overflow:hidden;padding:50px 20px 20px;transition:width .3s;width:250px}.sidebar-header{align-items:center;color:#182c61;display:flex;flex-direction:row;font-size:20px;font-weight:700;justify-content:space-between;left:10px;margin-bottom:10px;position:absolute;top:10px;z-index:1}.sidebar-options{display:flex;flex-direction:column;gap:10px;list-style-type:none;padding:0}.collapse-btn,.sidebar-option{cursor:pointer;padding:10px}.sidebar-option{align-items:center;border-radius:10px;display:flex;flex-direction:row-reverse;justify-content:space-between;transition:background-color .1s ease}.sidebar-option:hover{background-color:#ffffffe6}.sidebar-option.active{background-color:#22a6b3;color:#fff;font-weight:700}.hidden{display:none}.collapsed{width:40px}.input-container,.task{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#1f2937;height:10%;margin-bottom:20px;position:relative}.collapsed-taskview{padding:50px 10px 10px 110px}.task-container{display:flex;flex-direction:column;gap:10px;margin-top:20px}.task{border-radius:10px;padding:10px;position:relative;transition:all .3s ease;width:90%}.task h2{font-size:1.2rem;margin-bottom:5px}.task p{color:#555;font-size:1rem;margin:0}.task-buttons{display:flex;justify-content:flex-end;margin-top:10px}.task-buttons button{background-color:initial;border:none;cursor:pointer;height:10%;margin-left:10px;padding:5px;transition:color .3s;width:10%}.icon{font-size:large}.task-buttons button:hover{color:#007bff}@media screen and (max-width:600px){.collapsed{transform:translateX(-350px)}.sidebar-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;left:10px;position:absolute;top:10px;z-index:1}.hidden{display:block}.sidebar{padding-top:50px;transition:.3s;width:80%}.collapsed .task-view{width:100%}.collapsed-taskview,.task-view{padding:50px 10px 10px}.task{height:10%;margin-bottom:20px;padding:10px;position:relative;width:95%}}.input-container{border-radius:10px;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative;transition:.3s;width:90%}.date-input,.task-input{border:1px solid #ccc;font-size:16px}.task-input{border-radius:5px;flex:1 1;margin-right:10px;outline:0;padding:10px;width:90%}.add-button{background-color:#18dcff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.add-button:hover{background-color:#17c0eb}.update-button{background-color:#18dcff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.cancel-button:hover,.update-button:hover{background-color:#17c0eb}.date-input{border-radius:5px;padding:10px}.add-task-icon{color:#1f2937;cursor:pointer;font-size:x-large;font-weight:700;transition:color .3s}.time-input{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-left:10px;padding:10px;width:110px}.task-view-title{color:#1f2937;font-size:3rem;font-weight:700;margin-bottom:30px}.item{align-items:center;color:#1f2937;display:flex;flex-direction:column;justify-content:center;margin-top:20px}.item h2{font-size:3rem}
/*# sourceMappingURL=main.e6d1ff5b.css.map*/