body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{max-height:100vh}.App{display:flex;float:left}.Logo{color:#272727;text-decoration:none}nav{background-color:#fff;height:100vw}ul{list-style-type:none;margin:0;padding:0;width:11vw}li a{align-items:center;border-radius:4px;color:#000;display:flex;padding:8px 16px;text-decoration:none}li a:hover{background-color:#e8e8e8;margin-left:auto;margin-right:auto;width:80%}ul .out{padding-top:60vh;position:fixed;width:11vw}ul .out svg{transform:rotate(90deg)}ul .account{margin-top:65vh;position:fixed;width:11vw}ul .name{background-color:#e8e8e8;border-radius:4px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;padding:12px 16px;width:80%}ul .name:hover{background-color:#d6d6d6}ul .name h4,ul .name p{margin-bottom:0;margin-top:0}.active{background-color:#04aa6d;color:#fff}.Overview{background-color:#e8e8e8;width:89vw}.flex-container{margin-left:30px}.Overview .col{display:flex;float:left}.Overview .card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 11px #21212133;display:flex;flex-direction:column;justify-content:center;margin-right:40px;padding-bottom:30px;padding-top:20px;width:25vw}.card h1,.card h2,.card h3,.card h4,.card p{align-items:center;display:flex;margin-bottom:5px;margin-top:10px}.card .circle{background-color:#e8e8e8;border-radius:20px;padding:10px}.card .call{align-items:center;background-color:#1677ff;border-radius:6px;color:#fff;display:flex;justify-content:center;padding:5px;width:20vw}.card .call:hover{box-shadow:0 0 11px #21212133;transform:scale(1.01)}.card a{text-decoration:none}.overlay{background:#000000b3;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s;visibility:hidden}.overlay:target{opacity:1;visibility:visible}.popup{background:#fff;border-radius:5px;margin:70px auto;padding:20px;position:relative;transition:all 5s ease-in-out;width:30%}.popup h2{color:#333;font-family:Tahoma,Arial,sans-serif;margin-top:0}.popup .close{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px;transition:all .2s}.popup .close:hover{color:#ff6565}.popup .content{max-height:30%;overflow:auto}.Messages{background-color:#e8e8e8;width:89vw}.Messages .flex-container{display:flex;flex-direction:row;margin-top:2.5vh}.inbox{background-color:#fff;border-radius:8px;height:95vh;width:20vw}.inbox h1{padding-left:30px;padding-top:10px}.inbox-name .box{align-items:center;background-color:#f1f1f1;border-radius:8px;display:flex;margin-left:auto;margin-right:auto;margin-top:5px;padding:10px;width:90%}.inbox-name .box:hover{background-color:#b1b1b1}.box .icon{background-color:#e8e8e8;border-radius:25px;padding:15px}.box h2,.box p{margin:0;padding:0;text-indent:10px}.chat{background-color:#fff;border-radius:8px;height:95vh;margin-left:2vw;width:63.5vw}.chat-header{justify-content:space-between;padding:25px 40px}.chat-header,.chatname{align-items:center;display:flex}.chatname .icon{background-color:#e8e8e8;border-radius:25px;padding:15px}.chatname h2,.chatname p{margin:0;padding:0;text-indent:20px}.view-prof{align-items:center;border:2px solid #e8e8e8;border-radius:4px;display:flex;font-size:medium;font-weight:600;padding:3px 15px}.chat a:link,a:visited{color:#000;text-decoration:none}.view-prof svg{transform:scale(.8)}.view-prof:hover{box-shadow:0 0 11px #21212133}.under{background-color:#e8e8e8;height:3px}.chat .chat-history,.under{margin-left:auto;margin-right:auto;width:95%}.chat .chat-history{height:65vh;margin-top:10px;overflow:auto}.chat-history .icon{background-color:#e8e8e8;border-radius:25px;padding:15px}.chat-history .receive,.chat-history .send{align-items:center;display:flex;margin-bottom:20px}.chat-history .bubble{border-radius:8px;margin-left:10px;margin-right:10px;padding:20px 40px}.bubble h2,.bubble p{margin:0;padding:0}.send .bubble{background-color:#e8e8e8}.receive .bubble{background-color:#f1f1f1}.chat-history .send{justify-content:end}.chat .chat-text{margin-left:1.25vw;margin-top:30px}.chat .chat-text textarea{background-color:#f8f8f8;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;height:8vh;padding:12px 20px;resize:none;width:61vw}.chat-text .attach{align-items:center;display:flex;margin-top:10px}.attach svg{transform:scale(.8)}.attach svg:hover{transform:scale(.9)}.Doc,.Settings,.Video{background-color:#e8e8e8;width:89vw}
/*# sourceMappingURL=main.0c6a1c75.css.map*/