.nav{background-color:#191926;padding:.7em 3em;display:flex;align-items:center;justify-content:unset;flex-wrap:wrap}.nav--first{position:relative;width:15%}.nav--second{position:relative;margin:auto}.nav--second img{width:120px}.nav--third{position:relative;width:15%;text-align:right}.nav .icon span{color:#fff;font-size:20px;margin:auto 15px;cursor:pointer}.nav .icon .header-nav{display:none;position:absolute;background-color:#fff;padding:1em 0;box-shadow:2px 2px 5px 2px #949494;border-radius:10px;z-index:99;animation-name:zoom;animation-duration:.5s}.nav .icon .header-nav li{cursor:pointer;font-weight:550;padding:10px 2em}.nav .icon .header-nav li:hover{background-color:#191926;color:#fff}.nav .icon .header-nav li:first-child{background-color:#fff;color:#000;border-bottom:1px solid #dbdbdb}.nav .icon .header-nav li:hover a{color:#fff}.nav .icon:hover .header-nav{display:block}.nav .icon .tab-con{padding:1em 2em}.nav .icon .tab-con input{padding:.6em;border-radius:10px;border:1px solid #d4d4d4;width:250px}.nav .icon .tab-con li:first-child{margin-top:10px;border:none}.nav .icon .tab-con li:first-child:hover{background-color:#191926;color:#fff}.workspace--bar button{background-color:hsla(0,0%,100%,.12156862745098039);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-size:13px;font-weight:700;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin:5px}.workspacenav{top:0;width:100%;background-color:rgba(25,25,38,.27058823529411763);padding:.5em;display:flex;align-items:center;justify-content:unset;flex-wrap:wrap}.workspacenav--first{width:30%}.workspacenav--second{margin:auto}.workspacenav--second img{width:100px}.workspacenav--third{width:30%;text-align:left}.workspacenav .icon span{color:#fff;font-size:30px;margin:auto 15px}@keyframes zoom{0%{transform:scale(.5);opacity:1%}to{transform:scale(1);opacity:1%}}.layout--wrapper{padding:2em 3em;display:flex;align-items:top;justify-content:right;flex-wrap:wrap;min-height:87vh}.layout .wrapper--sidebar{width:250px;border-right:1px solid #7e7e7e}.layout .wrapper--sidebar .sidebar--logo img{display:block;margin:2em auto}.layout .wrapper--sidebar .sidebar--items{list-style:none;padding:0}.layout .wrapper--sidebar .sidebar__item a{display:flex;font-size:20px;padding:10px 0;margin:10px}.layout .wrapper--sidebar .sidebar__item a b{font-size:15px;display:block;margin-left:10px}.layout .wrapper--body{width:calc(100% - 250px);padding-left:2em}.layout .wrapper--main .boards{display:flex;align-items:center;justify-content:left;flex-wrap:wrap}.layout .wrapper--main .boards--list{position:relative;width:200px;height:100px;border-radius:5px;margin:10px;cursor:pointer;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.layout .wrapper--main .boards--options{display:none;top:3%;right:3%}.layout .wrapper--main .boards--options,.layout .wrapper--main .boards--star{position:absolute;background-color:transparent;padding:0;border:none;color:#fff}.layout .wrapper--main .boards--star{bottom:3%;left:3%}.layout .wrapper--main .boards--create{background-color:#dcdcdc;color:#000}.layout .wrapper--main .boards--list:hover .boards--options{display:block}ul{list-style:none;padding:0}a{text-decoration:none;color:inherit}#page1{display:flex;align-items:center;justify-content:center;height:100vh}#login{width:85%;margin:30px auto;text-align:center}#login img{width:180px;display:block;margin:.5em auto 2em}#login .login input{display:block;background-color:#f8f8f8;border:1px solid #d8d8d8;border-radius:5px}#login .login button[type=submit],#login .login input{width:calc(100% - 10px);margin:20px 5px;padding:15px;font-size:15px;font-weight:700;cursor:pointer}#login .login button[type=submit]{background-color:#4caf50;color:#fff;border:none;border-radius:8px}#login div span{margin:0 6px;color:#00f;font-size:13px;cursor:pointer}#login .login .others{background-color:#fff;width:98%;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:8px;padding:10px 15px;cursor:pointer;box-shadow:1px 1px 3px 1px #d8d8d8;margin:0 5px 20px;color:grey}@media (min-width:600px){.plan{width:50%}#login{background-color:#fff;width:70%;padding:30px;box-shadow:2px 2px 6px 2px #d8d8d8}}@media (min-width:768px){#page1{background-image:url(/static/media/home-bg.4c9d527a.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}}@media (min-width:1200px){#login{width:40%}}.modal--con{height:100vh;width:100%;background-color:rgba(0,0,0,.5098039215686274)}.modal--body,.modal--con{position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.modal--body{display:block;width:500px;margin:auto}.modal--body .background{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.modal--body .background img{width:60px;height:60px;margin:5px}.modal--body .board--header{position:relative}.modal--body .board--header img{width:500px;height:250px;position:relative;display:block}.modal--body .board--details{z-index:1;padding-left:20px;width:100%;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}.modal--body .board--details input,.modal--body .board--details select{width:80%;padding:20px;border-radius:5px;display:block;margin:1.5em 0}.modal--body .board--details select{width:50%;padding:10px}.modal--btns button{padding:10px;color:#fff;font-weight:700;border-radius:5px;background-color:transparent;border:none}.modal--btns button:first-child{background-color:#22c222}.workspace{padding:0 .5em}.workspace--wrapper{display:flex;align-items:top;justify-content:right;flex-wrap:wrap;min-height:87vh}.workspace--body{width:100%}.workspace--sidebar{display:none;padding-left:2em;width:250px;border-left:1px solid #7e7e7e}.workspace--sidebar .sidebar--logo img{display:block;margin:2em auto}.workspace--sidebar .sidebar--items{list-style:none;padding:0}.workspace--sidebar .sidebar__item{display:flex;font-size:20px;padding:10px 0;margin:10px}.workspace--sidebar .sidebar__item b{font-size:15px;display:block;margin-right:10px}.workspacelist{position:relative;width:100%}.workspacelist .wk{overflow-x:auto;scroll-behavior:smooth;min-height:100vh;height:100%}.workspacelist .wk::-webkit-scrollbar{background:transparent}.workspacelist .todoCon{display:grid;grid-gap:10px;gap:10px;grid-auto-flow:column;margin:auto;box-sizing:border-box;padding:0}.workspacelist .todo{width:270px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:8px;padding:10px;background-color:#ececec;vertical-align:top;cursor:pointer;border-radius:5px}.workspacelist .todo .more{float:right;border:none;font-size:16px;background-color:#ececec}.workspacelist .todo .more:hover{background-color:#d8d8d8}.workspacelist .todo .addCard{display:block;font-size:14px;font-weight:600;color:grey}.workspacelist .todo .addCard .cil-plus{font-size:16px;font-weight:900;vertical-align:sub}.workspacelist .todo.addListBtn{display:block;font-size:14px;font-weight:600;color:grey}.workspacelist .todo.addListBtn .cil-plus{font-size:16px;font-weight:900;vertical-align:sub}.workspacelist .todo .add .more{padding:5px;background-color:#dbdada}.workspacelist .todo .add textarea{width:100%;display:block;padding:15px;font-size:15px;font-weight:500;background-color:#f8f8f8;border:1px solid #d8d8d8;border-radius:5px;cursor:pointer;background-color:#fff;margin:0 auto}.workspacelist .todo .add label{vertical-align:top;padding:0 10px;color:#5a5a5a}.workspacelist .todo .add .addCardBtn{width:100px;background-color:#191926;color:#fff;cursor:pointer;font-size:13px;border:none;border-radius:8px;padding:10px 15px}.workspacelist .todo .add .closeCardBtn{background-color:transparent;color:#5a5a5a;cursor:pointer;font-size:16px;border:none}.workspacelist .todo .openCardBtn{float:right;margin:1px;background-color:transparent;color:#191926;font-weight:900;border:none;font-size:14px;display:none}.workspacelist .todo ul{padding:0;width:100%;margin:20px 0}.workspacelist .todo li{width:100%;display:block;margin:20px auto;padding:15px;font-size:15px;font-weight:500;background-color:#f8f8f8;border:1px solid #d8d8d8;border-radius:5px;cursor:pointer;background-color:#fff}.workspacelist .todo li:hover .openCardBtn{display:inline-block}.workspacelist .todo .deleteBoard,.workspacelist .todo .openCard .deleteBoard{float:right;margin:1px;background-color:transparent;color:red;font-weight:900;border:none;font-size:10px}.listModal{width:100%;height:80vh;overflow-x:hidden;position:absolute;top:-5%;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);text-align:center;z-index:1}.listModal textarea{display:block;width:155px;padding:10px;margin:0 10px;border-radius:5px;font-size:18px}.listModal .listContent .moveOption button,.listModal .listContent button{background-color:#191926;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:8px;padding:10px 15px;cursor:pointer;margin:10px 5px}.listModal .moveOption input,.listModal .moveOption select{width:36%;padding:10px;margin:5px;font-size:16px}.openCard{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);background-color:#f3f3f3;width:60%;font-weight:700;border:none;border-radius:5px;cursor:pointer;color:#5a5a5a;text-align:left;margin:0;padding:0}.openCard .heading{display:flex;align-items:top;justify-content:flex-start;flex-wrap:wrap;background-color:transparent;padding:1em;border-radius:10px}.openCard .heading i{font-size:2em;padding-right:10px}.openCard .heading h4{margin-bottom:0;color:#161515;font-weight:600}.openCard .heading em{font-size:13px}.openCard .description{padding:0 1em 1em}.openCard .description .heading{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;padding:0;margin-bottom:.6em}.openCard .description .heading h6{margin-bottom:0;color:#161515;font-weight:600}.openCard .description p{background-color:#e4e4e4;padding:10px;margin:0;width:90%;font-weight:400}.openCard .description textarea{border:1px solid #191926;border-radius:0;width:80%}.openCard .description button{background-color:transparent;color:#fff;font-size:15px;border:none;border-radius:8px;color:#5a5a5a;font-size:18px}.openCard .description .save,.openCard .description button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:700;padding:10px 15px;margin:20px 5px;cursor:pointer}.openCard .description .save{background-color:#191926;color:#fff;font-size:15px;border:none;border-radius:5px}.openCard .closeOpenedCard{float:right;border:none;background-color:transparent;padding:5px 10px;font-size:16px;color:#161515}.listModal .listContent,.listModal .listOption,.listModal .listOption ul,.listModal .listOption ul li{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.listModal .listOption ul li{padding:5px 10px;margin:5px;background-color:rgba(0,0,0,.6549019607843137);color:#fff;border:transparent}.addList input{display:block;width:calc(100% - 10px);padding:5px}.addList button{background-color:#191926;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:8px;padding:10px 15px;cursor:pointer;margin:5px}.modal-con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-con .overlay{content:"";position:absolute;top:-1000%;right:-1000%;left:-1000%;bottom:-1000%;background-color:rgba(0,0,0,.349);z-index:1}.modal-con button{background-color:#191926;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:8px;padding:10px 15px;cursor:pointer;margin:10px 5px}.moveOption{background-color:#fff;text-align:center;min-width:300px;padding:2em 0;border-radius:10px;position:relative;z-index:2}.moveOption h2{font-size:30px}body::-webkit-scrollbar{width:.2em;background-color:#191926}
/*# sourceMappingURL=main.30a5f1e1.chunk.css.map */