*{padding:0;box-sizing:border-box}*,body{margin:0}body{height:100vh;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.landinPage-div{background-color:#000;height:100vh;width:100%;max-width:1900px}.landinPage-div .brand-name{margin-left:5vw;padding-top:20px}.landinPage-div .brand-name a{text-decoration:none;color:#fcfcfc}.middle-content #title{color:#e4efb8;font-weight:900;font-size:3.5rem}.middle-content #descripton{color:#fbf6f6;font-weight:100;width:400px;margin-bottom:20px}.product-illus img{width:400px}.middle-content{display:flex;justify-content:space-around;align-items:center;margin-top:10vh}.middle-content .login-btn{padding:8px;border-radius:5px;text-decoration:none;font-weight:400;color:#fff;border:2px solid #fbf6f6;text-align:center;transition:all .2s}.middle-content .login-btn:hover{border:none!important}@media (max-width:768px){.landinPage-div{height:100%}.middle-content,.middle-content .product-moto{display:flex;flex-direction:column;align-items:center}.middle-content #descripton{width:400px}.product-illus img{width:350px;margin:30px auto}}@media (max-width:360px){.middle-content #descripton{width:250px}.product-illus img{width:85vw}}.login-page-div{height:100vh;background-color:#251d1d;color:#e4efb8;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-page-div h1{margin-bottom:20px}.login-page-div a{padding:8px;border-radius:5px;text-decoration:none;font-weight:400;color:#fff;border:2px solid #fbf6f6;text-align:center;transition:all .2s}.auto-textarea{width:100%;resize:none;height:59px;outline:none;padding:10px;font-size:16px;margin-top:15px;border-radius:5px;max-height:330px;caret-color:#4671ea}.auto-textarea::-webkit-input-placeholder{color:#b3b3b3}.auto-textarea:-ms-input-placeholder{color:#b3b3b3}.auto-textarea::placeholder{color:#b3b3b3}.auto-textarea::-webkit-scrollbar{width:0}.tag-editor-div{border:1px solid #878787;border-radius:5px;padding:8px}.tag-editor-div button{border:none;color:#0078d7;margin:3px;background-color:#e1ecf4}.tag-matches-div-container button,.tag-span{margin:5px 10px 5px 3px;padding:3px;background-color:#e1ecf4;border:none}.tag-name{color:#6ab1e3}.tag-editor-div input{outline:none;border:none;font-size:16px}.project-app{display:flex;width:100%}.central-box{margin:10px auto;width:100%;max-width:500px;padding-left:10px;padding-right:10px}@media (max-width:768px){.project-app{display:block}.central-box{margin-top:50px}}.conv-div{height:calc(100vh - 50px);width:100%;margin-bottom:50px}.messageToPerson{position:sticky;top:0;display:flex;background-color:#1877f2}.messageBox{display:flex;flex-direction:column;padding:10px;height:100%;width:100%;overflow-y:scroll;margin-bottom:0}* ::-webkit-scrollbar,.conv-div::-webkit-scrollbar{display:none}.messageText{padding:8px;border-radius:15px;background-color:#1877f2;color:#fff;min-width:90px;max-width:250px;overflow-wrap:break-word}.ownMessage{align-self:flex-end;background-color:#779ccc}.otherMessage{align-self:flex-start}.messageSendDiv{display:flex;align-items:center;position:sticky;bottom:0;width:100%;margin-top:0}.msgSendBtnDiv button{margin:0 5px;border:none;border-radius:50px;background-color:#1877f2}.messageToPerson .backbtn,.msgSendBtnDiv button{display:flex;align-items:center;justify-content:center;outline:none;width:30px;height:30px}.messageToPerson .backbtn{margin:auto 5px;border:none}@media (max-width:768px){.messageText{max-width:180px}.messageToPerson{top:0}}.friends-div{overflow-y:auto}.friends-div::-webkit-scrollbar{display:none}.chat-div{width:"100%";margin-top:10px;margin-bottom:10px}.navbar{background-color:#3b53dc;height:45px;width:250px;z-index:3000}.menu-bars{margin-left:2rem;font-size:2rem;background:none}.nav-menu{background-color:#3b53dc;width:250px;height:100vh;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s;z-index:100}.nav-menu.active{left:0;transition:.35s}.nav-text{justify-content:start;padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text,.nav-text a{display:flex;align-items:center}.nav-text a{text-decoration:none;color:#f5f5f5;font-size:18px;width:95%;height:100%;padding:0 16px;border-radius:4px}.nav-text a:hover{color:#fff}.nav-text-active,.nav-text a:hover{background-color:#1a83ff}.nav-menu-items{margin-top:30px;width:100%}.navbar-toggle{background-color:#3b53dc;width:100%;height:80px;display:flex;justify-content:start;align-items:center}span{margin-left:16px}@media (max-width:768px){.navbar{width:100%}.navbarOuterDiv{position:fixed;top:0;width:100%;z-index:3000}}
/*# sourceMappingURL=main.7b0cc78f.chunk.css.map */