body{background-color:#e8e8ec!important;font-family:"Roboto",sans-serif!important;background-color:#f0f2f5;font-family:SFProDisplay-Regular,Helvetica,Arial,sans-serif}.taskbook{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;top:35%!important;left:11%!important;padding:0 20px}.div-card{position:fixed;display:grid;top:25%;left:55%;border-radius:8px;width:400px!important;height:360px;background-color:#fff;text-align:center}.center{color:#4f81dd;font-weight:900}.headline{font-size:24px;width:430px;text-align:start;color:#1c1e21}.intro{display:grid;place-items:center}a{color:#3588f3!important}input{margin:20px;width:360px!important;color:#c3c6ca;border:1px solid #ccd0d5}.login{width:360px;background-color:#1877f2;border-radius:6px;height:55px;margin:auto}.intro--btn{font-weight:700;font-size:20px}.create{width:220px;border-radius:8px;background-color:#42b72a;margin-top:35px;color:#fff;margin-left:auto;margin-right:auto;height:55px;padding-top:8px}@media screen and (max-width:750px){.taskbook{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;top:5%!important;left:11%!important;padding:0 20px}.div-card{position:fixed;display:grid;top:25%;left:5%;border-radius:8px;width:400px!important;height:360px;background-color:#fff;text-align:center}}.signup-card{position:fixed;margin-left:-330px;overflow:blur;width:432px;height:530px;border:1px solid #fff;border-radius:6px;box-shadow:1px;background-color:#fff;box-shadow:5px 5px 5px #fff}.signup-h2{position:fixed;float:left;margin-left:10px}.crossbar{position:relative;float:right;margin-top:5px;margin-right:10px;cursor:pointer}.guideline{position:fixed;float:left;margin-top:36px;margin-left:10px}.signup-hr{position:relative;margin-top:80px}.firstname{width:185px!important;float:left;text-align:start;padding-left:10px;margin-right:10px;margin-top:-5px}.firstname,.inputs-x{height:45px;border-radius:5px;border:1px solid #ccd0d5;background-color:#f5f6f7;position:relative}.inputs-x{width:400px!important;margin-top:-6px;margin-left:20px}.select-day{width:120px!important;height:35px;border-radius:5px;border:1px solid #ccd0d5;overflow:scroll;float:left;margin-left:16px;margin-right:5px}.policy{font-size:x-small;float:left;margin-left:14px;margin-top:10px}.label-signup{font-size:smaller;width:400px;text-align:start}.gender{width:120px!important;height:35px;border-radius:5px;border:1px solid #ccd0d5;float:left;margin-left:16px;margin-right:5px;text-align:start;padding-left:5px}.radio{width:13px!important;height:15px!important;position:relative!important;float:right!important;margin-top:6px!important;margin-right:12px}.radio,.radio:active,.radio:after{color:#333}.signUp-btn{text-align:center;background-color:#00a400;width:200px;border:1px solid #ccd0d5;border-radius:8px;color:#fff;margin-left:auto;margin-right:auto;height:40px;padding:auto;margin-top:16px}@media screen and (max-width:750px){.signup-card{position:fixed;margin-top:-70%;margin-right:15%;overflow:blur;width:432px;height:530px;border:1px solid #fff;border-radius:6px;box-shadow:1px;background-color:#fff;box-shadow:5px 5px 5px #fff}}*,:after,:before{box-sizing:border-box}body{background-color:#e9ebee}.f-card{background-color:#fff;width:502px;border:1px solid #d0d1d5;border-radius:3px;margin:auto auto 10px;padding:12px;box-shadow:0 0 5px rgba(0,0,0,.3)}.header{margin-bottom:17px}.co-logo{float:left;margin-right:8px;width:40px;height:40px}.co-name>a{font-family:Helvetica;font-size:14px;font-weight:700;line-height:1.38;color:#365899;text-decoration:none;margin-bottom:2px}.co-name>a:hover{text-decoration:underline}.time{font-family:Helvetica;font-size:12px;color:#90949c}.time>a{color:#90949c;text-decoration:none}.time>a:hover{text-decoration:underline}.options{font-family:Helvetica;font-size:12px;color:#e5e5e5;float:right}.options:hover{color:#000;color:rgba(0,0,0,.3)}.content{clear:both;font-family:Helvetica,sans-serif;font-size:14px;line-height:1.38}.reference{width:476px}.reference-thumb{display:block;width:476px;height:249px}.reference-content{border:2px solid #000;border:2px solid rgba(0,0,0,.1);border-top:0;padding:10px 12px}.reference:hover .reference-content{border-color:#000;border-color:rgba(0,0,0,.15)}.reference-title{font-family:Georgia;font-size:18px;font-weight:500;line-height:22px;margin-bottom:5px}.reference-subtitle{font-family:Helvetica;font-size:12px;line-height:16px}.reference-font{color:#90949c;font-family:Helvetica;font-size:11px;line-height:11px;text-transform:uppercase;padding-top:9px}.social{margin-top:12px}.social-buttons{color:#7f7f7f;font-family:Helvetica;font-size:12px;font-weight:700;line-height:14px;border-top:1px solid #e5e5e5;padding-top:4px}.social-buttons span{font-size:12px;margin-right:20px;padding:4px 4px 4px 0}.social-buttons span:hover{text-decoration:underline;cursor:pointer}.social-buttons span i{padding-right:4px}.center{width:500px!important;height:470px!important;position:fixed;left:600px;top:120px}.notification{width:400px;height:400px;border:1px solid #f5efef;border-radius:5px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-justify-content:start;justify-content:start;text-align:start;-webkit-flex-direction:column;flex-direction:column;float:right;margin-right:20px;margin-top:2px;box-shadow:3px 3px 5px 6px #ccc;z-index:1!important}.dropdown-avatar{width:60px;height:60px;border-radius:50%;position:relative;float:left;margin-left:10px}.dropdown-username{font-size:15.5px;font-weight:600;position:relative;float:left;margin:20px 15px}.user-info-1st{width:400px;height:50px}.user-info{width:400px;height:35px}.user-info-2nd{margin-top:5px;width:400px;height:50px;padding-top:10px}.user-info-1st:hover,.user-info-2nd:hover,.user-info:hover{width:100%;border:inherit solid;border-color:#fff;border-width:1px;border-radius:5px;cursor:pointer;background-color:#f5f5f5}.feedback{margin-top:-5px;margin-left:55px}.feedback,.feedback-profile{font-size:smaller;color:grey;position:absolute}.feedback-profile{margin-top:13px;margin-left:88px}.bolder-ok{font-size:15.5px;font-weight:bolder;float:left}.dropdown-icon{position:relative;float:left;height:35px;width:35px;background-color:#ebedf0;border-radius:100%;margin-right:15px;text-align:center;padding-top:.65rem;margin-top:-6px;margin-left:15px}.dropdown-css{margin:auto;font-size:15px;font-weight:700}.more-details{position:inherit;float:right;margin-top:-15px;margin-right:10px}.footer-tagline{font-size:smaller;color:grey;padding-left:15px}.settings-container{position:relative;width:400px;height:400px;border:1px solid #f5efef;border-radius:5px;float:right;margin-right:20px;margin-top:2px;background-color:#fff;box-shadow:3px 3px 5px 6px #ccc}.inline-text{position:absolute;font-size:25px;font-weight:bolder;margin-top:20px;margin-left:60px}.goback{position:relative;margin-left:-45px;padding-right:30px;height:40px;width:40px;border-radius:100%;padding-top:10px;padding-left:8px}.goback:hover{cursor:pointer;background-color:#ebedf0}.settings-class-1st{margin-top:90px}.settings-class,.settings-class-1st{width:100%;height:45px;margin-bottom:5px;padding-top:5px}.settings-class-1st:hover,.settings-class:hover{border-radius:10px;background-color:#f2f3f5}.help-container{height:250px}.display-container,.help-container{width:400px;border:1px solid #f5efef;border-radius:5px;background-color:#fff;float:right;margin-right:20px;margin-top:2px;box-shadow:3px 3px 5px 6px #ccc}.display-container{height:475px}.display-child-1st{margin-top:65px}.display-child,.display-child-1st{position:relative;width:400px;height:180px}.display-child{margin-top:-15px}.darkmode-header{margin:auto;padding-top:15px;font-size:17px;font-weight:700;padding-bottom:5px}.display-1st{font-size:14px;color:grey;position:absolute;margin-top:-6px;margin-left:60px;width:260px}.OnOff{margin-top:50px}.OnOff,.OnOff-2nd{width:300px;height:40px;margin-left:55px;padding-top:5px;padding-left:15px}.OnOff-2nd{padding-right:24px}.hover:hover{width:300px!important;border:inherit solid!important;border-color:#fff!important;border-width:1px!important;border-radius:8px!important;cursor:pointer!important;background-color:#f5f5f5!important}.OnOffButton{margin-right:12px!important}.OnOffButton,.OnOffButton-2nd{width:20px!important;height:20px!important;position:relative!important;float:right!important;color:#333;margin-top:6px!important}.OnOffButton-2nd{margin-right:-38px}.Navbar-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;text-align:center;-webkit-flex-direction:row;flex-direction:row;width:100%;height:65px;background-color:#fff}.blue-big{color:#1e90ff;font-size:40px}.blue-small{width:100px;height:45px;padding-left:26px;padding-top:6px;margin-right:40px;margin-left:10px;font-size:30px;color:#b6b9bd;border-radius:6px}.blue-small:hover{background:#ebedf0}.taskbar{margin-top:10px;margin-left:10px}.search-bar{border-radius:20px;width:280px!important;height:38px!important;position:relative;top:-5px!important;background-color:#f2f4f5;text-align:start;padding-left:35px}.right-icon{margin-top:1%;height:40px;width:40px;background-color:#ebedf0;border-radius:50%;padding-top:.7rem}.right-icon:hover{background-color:#ccd0d5}.dogerblued{margin-top:1%;height:40px;width:40px;border-radius:50%;padding-top:.7rem;color:#1e90ff;background-color:#ecf3ff}.user-icon{max-width:10%!important;height:40px}p{float:left}.placeholder-icon{position:fixed;z-index:1;left:125px;top:25px;color:#b6b9bd}@media screen and (max-width:600px){.blue-small,.placeholder-icon,.search-bar{display:none}.Navbar-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;text-align:center;-webkit-flex-direction:row;flex-direction:row;width:100%;height:65px;background-color:#fff}.right-icon{position:relative;margin-top:10px}}.menu-container{width:660px;height:550px;background-color:#f2f3f5;float:right;margin-right:20px;box-shadow:3px 3px 5px 6px #ccc;overflow:scroll;z-index:1}.menu-container,.menu-items{position:relative;border:1px solid #f5efef;border-radius:5px;margin-top:2px}.menu-items{width:400px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#fff;float:left;margin-left:5px}.menu-create{position:fixed;top:100px;right:45px;width:200px;height:500px;border:1px solid #f5efef;border-radius:5px;background-color:#fff;margin-top:5px}.menu-search{border-radius:10px;background-color:#f2f3f5;width:350px!important;padding-left:24px!important}.menu-h2{margin-top:5px;font-size:23px;font-weight:800;margin-left:5px}.menu-header{font-size:16px;font-weight:600;margin-left:5px}.menu-para{width:350px;font-size:13px;font-weight:lighter;margin-left:5px;color:grey}.menu-img{position:relative;display:inline-block;font-size:small;font-weight:lighter;width:100px!important;height:80px!important;border-radius:10px;text-align:center;margin-left:16px}.menu-img:hover{background-color:#f2f3f5}.sidebar-create{font-size:20px;font-weight:bolder;margin:15px}.menu-icon{position:relative;top:49px;left:25px;color:grey}.createpost-container{width:450px;height:130px;border:1px solid #ebedf0;border-radius:6px;background-color:#fff;position:absolute;margin-left:400px;margin-top:30px}.createpost-1st{position:absolute;width:450px;height:70px;border-bottom:1px solid #ebedf0}.createpost-2nd{width:450px;height:60px;display:-webkit-flex;display:flex}.createpost-input{width:260px!important;height:35px!important;border-radius:13px!important;border-width:0!important;background-color:#f2f3f5;text-align:center}.createpost-input:hover{background-color:#dadde1}.createpost-avatar{width:45px;height:45px;border-radius:100%;margin-top:10px}.create-photos,.create-videos{width:150px;height:35px;padding:8px!important;margin-top:75px;margin-left:0;margin-right:10px;border-radius:9px}.create-photos:hover,.create-videos:hover{background-color:#ebedf0}.createpost-video{color:red;float:left}.createpost-photos,.createpost-video{margin-top:5px;margin-left:5px;padding-right:5px}.createpost-photos{color:#23be23}.createpost-activity{color:#daa748;margin-top:5px;margin-left:5px;padding-right:5px}.cp{color:grey}@media screen and (max-width:600px){.createpost-container{width:450px;height:130px;border:1px solid #ebedf0;border-radius:6px;background-color:#fff;position:fixed;margin:auto;z-index:-1}.create-photos,.create-videos{position:relative;width:140px;height:35px;padding:8px!important;margin-top:75px;margin-left:0;margin-right:5px;border-radius:9px}}.contact-container{position:fixed;right:5px;top:140px;width:300px;height:100vh;background-color:#ebedf0;z-index:-1;float:right!important}.contact-icon{color:grey;padding-left:50px}.contact-icon:hover{cursor:pointer}@media screen and (max-width:900px){.contact-container{display:none}}.contactlist-info{width:260px;height:25px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;position:relative;top:90px}@media screen and (max-width:900px){.contactlist-info{display:none}}.sidebar-container{position:absolute;width:340px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background-color:#ebedf0}.sidebar-container:hover{overflow:scroll}.sidebar-contents{margin-top:15px;width:330px;height:45px;padding:15px}.sidebar-contents:hover{width:300px;height:45px;border:inherit solid;border-color:#fff;border-width:1px;border-radius:5px;cursor:pointer;background-color:#bec3c9}.sidebar-icons{position:relative;float:left;height:35px;width:35px;border-radius:100%;margin-right:15px;text-align:center;padding-bottom:5px;top:-5px}.sidebar-icons-img{width:30px;height:30px;float:left;margin-right:5px;margin-top:-6px}.sidebar-contents-shortcut{width:330px;height:70px;padding:15px;margin-top:10px;text-align:start}.sidebar-contents-shortcut:hover{width:inherit;height:70px;position:relative;border:inherit solid;border-color:#fff;border-width:1px;border-radius:5px;cursor:pointer;background-color:#bec3c9;margin-top:10px}.sidebar-header{font-size:15px;font-weight:700;float:left;display:block}.side-chevron-icon{position:relative;float:left;height:30px;width:30px;background-color:#dadde1;border-radius:50%;margin-right:10px;margin-top:-5px;text-align:center;padding-top:8px}.gray{color:grey;font-size:18px;font-weight:650;margin-bottom:25px;height:40px;width:inherit;padding-bottom:25px}.shortcut-header{font-size:15px;margin-left:5px;position:relative;top:10px!important}.sidebar-icons-img-shortcut{border-radius:3px;width:40px;height:40px;float:left}@media screen and (max-width:900px){.sidebar-container{display:none}}
/*# sourceMappingURL=main.9ae8f335.chunk.css.map */