@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200&display=swap);*,body{margin:0;padding:0}body{height:100vh;overflow:hidden;font-family:"Nunito Sans",sans-serif}a{text-decoration:none;color:#000}.m-10{margin:10px}.pointer{cursor:pointer}.flex{display:flex}.row{flex-direction:row}.center{align-items:center}.customized-scrollbar::-webkit-scrollbar{background-color:#bdc5d1;border-radius:15px;width:11px}.customized-scrollbar::-webkit-scrollbar-thumb{background-color:#698ece;border-radius:15px;width:10px}.container{height:90vh}.container,.notes-container{background-color:#fff;display:flex;flex-direction:column;align-items:center}.notes-container{height:80vh;max-width:1100px;margin:0 auto 20px}.header{top:0;position:-webkit-sticky;position:sticky;padding:10px 20px;width:100%;height:50px;display:flex;justify-content:space-between;align-items:center;background:#fdfdfd;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.main-menu{background:#1a1a1a;position:fixed;height:100%;left:0;width:60px;overflow:hidden;z-index:1000}.column{display:flex;flex-direction:column;padding:5px 0}.main-menu li{padding:10px 0;text-align:center}.main-menu li .nav-text{color:#cfcfcf;font-size:small}.main-menu li>a{color:#fff;font-size:14px;text-decoration:none}.fa{height:28px;font-size:1.6em}a:focus,a:hover{text-decoration:none}.main-menu li .column:hover{background-color:#353535}.main-menu ul li i.active{color:#3994e4}@media only screen and (max-width:400px){.header{display:none}.main-menu{background:#1a1a1a;position:fixed;height:70px;bottom:0;width:100%;overflow:hidden;align-items:center;padding:3px 5px}.main-menu ul{display:flex;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;margin-right:15px}.main-menu ul li{padding:0}.main-menu ul li i{font-size:large}.container,.kanban-main,.notes-container{height:100vh!important}}.btn{display:inline-block;clear:both;font-weight:700;font-size:14px;text-decoration:none;text-transform:none;border:none;border-radius:.2rem;outline:none;padding:0 .5rem;height:33px;text-align:center;color:#fff;transition:all .2s ease-in-out;box-sizing:border-box;cursor:pointer}.modalBackground{height:100%;width:100%;background:rgba(90,90,90,.75);position:fixed;display:flex;justify-content:center;align-items:center;z-index:100}.modalContainer{width:600px;border-radius:5px;background-color:#f0f0f1;box-shadow:0 5px 15px rgba(0,0,0,.35);display:flex;flex-direction:column;padding:18px;margin:20px 20px 14%}.modalContainer .title{display:inline-block;text-align:center;margin-top:10px}.titleCloseBtn{display:flex;justify-content:flex-end}.titleCloseBtn button{background-color:transparent;border:none;font-size:25px;cursor:pointer}.modalContainer .footer{display:flex;justify-content:flex-end}@media only screen and (max-width:400px){.modalContainer{top:15%;position:fixed;width:300px;height:300px}.modalBackground{justify-content:normal}}.kanban-form{display:flex;flex-direction:column}.kanban-form input{border:none;outline:none;padding:7px;min-width:270px;font-size:large;font-weight:700;background-color:#f0f8ff}.kanban-form input:focus{border:1px solid #116de6}.kanban-form>*{margin:8px}.kanban-form textarea{height:75px;background-color:inherit;border:none;outline:none;font-size:larger;font-weight:700;padding:8px;height:130px;border-radius:7px;min-width:270px}textarea::-webkit-scrollbar{width:.5em}textarea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}textarea::-webkit-scrollbar-thumb{background-color:#fabebe;outline:1px solid #708090}.kanban-form textarea:focus{background-color:#e0e0e0}.kanban-form .add-btn-container{display:flex;justify-content:center}.group-title-input{background-color:inherit;border:none;outline:none;padding:2px;font-size:larger;text-align:center;font-weight:700}.kanban-main{height:93vh;width:100vw;overflow-y:auto;overflow-x:hidden;background-color:#c6c7ca}[draggable=true]{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.kanban-board{display:grid;grid-auto-columns:300px;grid-auto-flow:column;grid-column-gap:15px;align-items:start;padding:0 .8rem .8rem;overflow-x:auto;height:calc(100vh - 8.6rem);margin:20px 0 20px 65px}.scrollbar::-webkit-scrollbar{background-color:inherit;border-radius:15px;width:5px}.scrollbar::-webkit-scrollbar-thumb{background-color:#698ece;width:2px}.kanban-group{background-color:#49505e;border-radius:2px;min-height:150px}.kanban-task-container{overflow:auto;overflow-x:hidden;max-height:525px;padding:6px}.kanban-item{display:flex;padding:7px 0 0 7px;min-height:50px;background-color:#fff;border-radius:3px;color:#282c34;margin:7px;cursor:pointer;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.task-container p{padding:0 7px 2px;word-break:break-word}.kanban-group-header{top:0;position:-webkit-sticky;position:sticky}.kanban-item *{margin:0}.kanban-group .add-button{text-align:center;cursor:pointer;margin:7px;padding:1px;display:flex;align-items:center;justify-content:center;font-weight:bolder;color:#282c34;border-radius:4px;background-color:#f7fdd3}.kanban-group .add-button i{font-size:x-large;margin-right:5px}.group-title{text-align:center;padding:3px;color:#464646}.Done{background-color:#78ec5b}.Pending{background-color:#f76060}.InProgress{background-color:#f3e635}.Todo{background-color:#e6810f}.current{background-color:#282c34}.new-group{display:block;font:size 28px;font-weight:400;background-color:#3a3d3f;color:#f1f6f8;padding:8px 30px;cursor:pointer;text-align:left}.new-group:hover{background-color:#585c5f}*{box-sizing:border-box}.landing-page-container{width:1170px;margin:auto}.landing-page{position:relative;background-color:#fff}.landing-page .header-area{display:flex;padding:15px 0 0;position:relative}.landing-page .header-area .logo{margin-top:10px;font-size:23px;width:300px}.landing-page .header-area .links{list-style:none;padding:0;margin:0;width:100%;text-align:right}.landing-page .header-area .links li{display:inline-block;margin-left:30px;cursor:pointer}.landing-page .header-area .links li:last-child{border:0;border-radius:20px;padding:10px 18px;color:#fff;background-color:#6c63ff}.main-section{display:flex;justify-content:center}.landing-page .info{width:50%;margin-top:130px}.landing-page .info h1{font-size:44px;margin:0 0 20px;line-height:1.4;color:#5d5d5d}.landing-page .info p{margin:0;line-height:1.6;font-size:15px;color:#5d5d5d}.landing-page .info button{border:0;border-radius:20px;padding:12px 30px;margin-top:30px;cursor:pointer;color:#fff;background-color:#6c63ff}.landing-page .image{width:50%;float:right;margin-top:35px}.landing-page .image img{max-width:100%}.clearfix{clear:both}.note-form{margin-top:10px;padding:10px;display:flex;flex-direction:row;align-items:center;justify-content:center}.note-form textarea{height:75px;min-width:400px;background-color:#f8ffb6;border:none;outline:none;font-size:larger;font-weight:700;padding:8px;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);border-radius:7px}.note-form textarea:focus{background-color:#fdf8ac}.note-form button{padding:5px;height:33px;width:50px;outline:none;background-color:#fff;border:1.5px solid #8a2be2;margin-left:2px}.note-form button:hover{background-color:#ececec}.note{border:1px solid #c4bcbc;padding:10px;border-radius:7px;font-size:large;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.note:hover{box-shadow:0 0 10px rgba(185,184,184,.8)}.note span{word-wrap:break-word}.notes-list-container{padding:30px;overflow:auto;overflow-x:hidden}.notes-list{display:grid;grid-gap:25px;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));grid-auto-rows:55px}.todo-form{margin-top:10px;padding:10px;display:flex;flex-direction:row;justify-content:center;border-bottom:1px solid #5858e2}.todo-form input{height:34px;min-width:360px;background-color:#dfb6ff;border:none;outline:none;font-size:larger;font-weight:700;padding-left:15px}.todo-form input:focus{background-color:#d9b0fa}.todo-form button{padding:5px;height:33px;width:50px;outline:none;background-color:#fff;border:1.5px solid #8a2be2;margin-left:2px}.todo-form button:hover{background-color:#ececec}.todo-item{margin:10px 0;padding:0 15px;border:1px solid #535353;border-radius:3px;width:345px;min-height:55px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#f73838;color:#252525;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.todo-item:hover{box-shadow:0 0 10px rgba(0,0,0,.8)}.todo-item .checkbox{cursor:pointer;height:21px;width:21px;background-color:#eee;outline:none;border:none}.done{text-decoration:line-through;background-color:#57ff57}.svg-icon{width:1.7em;height:1.7em;cursor:pointer}.svg-icon path,.svg-icon polygon,.svg-icon rect{fill:#3f0064;stroke-width:2em}.svg-icon circle{stroke:#8305cc;stroke-width:1em}.todo-list{padding:0 3px;height:650px;overflow:auto;overflow-x:hidden}
/*# sourceMappingURL=main.683482e1.chunk.css.map */