@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;scroll-behavior:smooth}body{background-color:#d2dbdc;font-family:Segoe UI,Helvetica NEUE,Helvetica,lucida Grande,Arial;margin:0}.app-window{background-color:#ededed;display:flex;height:100vh}.sidebar{border-right:1px solid #ddd;display:flex;flex-direction:column;max-width:415px;width:35%}header{align-items:center;display:flex;height:60px;justify-content:space-between;padding:0 15px}.headeravatar{border-radius:20px;cursor:pointer;height:40px;width:40px}.headerbtn,.headerbutons{display:flex}.headerbtn{align-items:center;border-radius:20px;color:#919191;cursor:pointer;height:40px;justify-content:center;transition:.25s;width:40px}.headerbtn:hover{color:#6e6e6e}.search{background-color:#f6f6f6;border-bottom:1px solid #eee;padding:5px 15px}.searchinput{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:40px;padding:0 10px}.searchinput input{background-color:transparent;border:none;flex:1 1;margin-left:10px;outline:none}.chatlist{background-color:#fff;flex:1 1;overflow-y:auto}.chatlist::-webkit-scrollbar{height:6px;width:6px}.chatlist::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.contentarea{flex:1 1}.login{align-items:center;display:flex;height:100vh;justify-content:center;overflow-y:hidden}.button-login{background:#00bfa5;border-radius:5px;border-style:none;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1em;left:105px;padding:10px 15px;position:absolute;text-decoration:none;text-transform:capitalize;top:68%;transition:.6s}.button-login:hover{background:#075e54}@media (max-width:991px){.button-login{display:flex;flex-direction:column;left:-1em;margin:50px;top:48vh}}.navbar-body{margin:0;min-height:200vh;padding:0}.navbar-header{align-items:center;display:flex;justify-content:space-between;left:0;padding:40px 100px;position:fixed;top:0;transition:.6s;width:100%;z-index:1}.navbar-header .logo{color:#00bfa5;cursor:default;font-size:2em;font-weight:700;letter-spacing:2px;position:relative;text-decoration:none;text-transform:uppercase;-webkit-transform:scale(1.4);transform:scale(1.4);transition:.6s}.navbar-header .logo:hover{color:#075e54}.navbar-header ul{align-items:center;display:flex;justify-content:center;position:relative}.navbar-header ul li{list-style:none;position:relative}.navbar-header ul li a{color:#fff;cursor:pointer;font-weight:500px;margin:0 10px;position:relative;text-decoration:none;transition:.6s}.navbar-header.sticky{background-color:#00bfa5;box-shadow:0 5px 15px rgba(0,0,0,.3);padding:5px 100px}.navbar-header.sticky .logo,.navbar-header.sticky ul li a{color:#fff}.navbar-header.sticky ul li a:hover,.navbar-header ul li a:hover{color:#075e54}@media (max-width:991px){.navbar-header{background:#00bfa5;justify-content:space-between;padding:30px}.navbar-header .logo{color:#fff}.navbar-header.sticky{justify-content:space-between;padding:30px}}.main{background:linear-gradient(115deg,#f7f9f9,#f7f9f9 62%,#00bfa5 0,#00bfa5);height:100%;padding:0 100px}.contentBx,.main{align-items:center;display:flex;position:relative;width:100%}.contentBx{z-index:0}.contentBx .text{max-width:800px;top:10px}.contentBx .text h2{color:#00bfa5;cursor:default;font-size:6em;position:relative;text-transform:uppercase;top:-3vh}.contentBx .text p{color:#333;font-size:1.1em;left:10px;line-height:1.8em;max-width:30em;position:relative;top:-5em}.contentBx .text h4{color:#333;font-weight:700;margin-bottom:20px;margin-top:20px}.btn{background:#00bfa5;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1em;left:6px;margin:5px 20px 5px 0;padding:10px 15px;position:relative;text-decoration:none;top:-5.5em;transition:.6s}.btn:hover{background:#075e54}.icone{left:30px;padding:3px;position:relative;top:-20px;-webkit-transform:scale(6);transform:scale(6)}.notebook{left:47em;max-width:550px;top:180px}.button-down,.notebook{position:absolute}.icon-down{color:#075e54;cursor:pointer;font-size:large;margin-left:88vh;margin-top:90vh;-webkit-transform:scale(2);transform:scale(2);transition:.6s}.icon-down:hover{color:#00bfa5}@media (max-width:991px){.main{background:#f7f9f9;padding:30px}.contentBx{flex-direction:column;margin:100px 0}.notebook{display:block;left:10vh;max-width:300px;position:absolute;top:60vh}.contentBx .text h2{display:flex;flex-direction:row;font-size:3em;margin:5px;top:-10vh}.icone{left:12em;margin:0;position:absolute;top:2vh;-webkit-transform:scale(3);transform:scale(3)}.icon-down{margin-left:24vh;opacity:0}}.content{background:#f7f9f9;height:100%;left:0;margin:0;padding:0;position:absolute;top:100vh;width:100%}.container-about{height:100vh;padding:0 8%;width:100%}.container-about h1{color:#00bfa5;cursor:default;font-weight:700;margin-bottom:60px;padding-top:5%;position:relative;text-align:center;text-transform:uppercase}.container-about h1:after{background:#00bfa5;bottom:-5px;content:"";height:5px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:250px}.row-about{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.service-about{background:transparent;border-radius:5px;cursor:default;font-size:14px;padding:25px 10px;text-align:center;transition:background .5s,-webkit-transform .5s;transition:transform .5s,background .5s;transition:transform .5s,background .5s,-webkit-transform .5s}.icon{color:#00bfa5;margin-bottom:10px;-webkit-transform:scale(1.8);transform:scale(1.8)}.service-about h2{font-weight:600;margin-bottom:8px;text-transform:capitalize}.service-about p{font-weight:400;line-height:20px}.service-about:hover{background:#00bfa5;color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.service-about:hover .icon{color:#fff}@media (max-width:991px){.content{height:250vh}.container-about h1{padding-top:15%}.service-about{box-shadow:0 5px 55px rgba(0,0,0,.2)}}.tec-elements h2{color:#00bfa5;cursor:default;font-size:40px;font-weight:700;margin-bottom:60px;position:absolute;text-align:center;text-transform:uppercase;top:3em}.tec-elements h2:after{background:#00bfa5;bottom:-5px;content:"";height:5px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:600px}.content-tec{background:#f7f9f9;height:100%;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:200vh;width:100%;z-index:0}.tec-elements{align-items:center;display:flex;justify-content:center;min-height:100vh}.sci{display:flex;position:relative}.sci li{list-style:none}.sci li:hover:before{opacity:.1;-webkit-transform:translate(-50%,calc(-50% + 150px));transform:translate(-50%,calc(-50% + 150px))}.sci li:before{content:attr(data-text);font-size:14vw;font-weight:700;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,calc(-50% + 120px));transform:translate(-50%,calc(-50% + 120px));transition:.5s;z-index:0}.sci li a{align-items:center;background:#fff;border-radius:10px;box-shadow:0 25px 35px rgba(0,0,0,.1);color:#333;display:inline-block;display:flex;font-size:4em;height:120px;justify-content:center;margin:20px;-webkit-perspective:500px;perspective:500px;position:relative;text-decoration:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:background .25s;width:120px;z-index:1}.sci li a:hover.React-icon{background:#61dbfb;color:#fff}.sci li a:hover.Html-icon{background:#e34c26;color:#fff}.sci li a:hover.Css-icon{background:#264de4;color:#fff}.sci li a:hover.Js-icon{background:#f0db4f;color:#fff}.sci li a:hover.Firebase-icon{background:#ffca2a;color:#fff}.sci li a:hover.Facebook-icon{background:#1877f2;color:#fff}@media (max-width:991px){.content-tec{height:110vh;top:340vh}.sci{display:grid;grid-auto-rows:200px;grid-template-columns:repeat(3,1fr);left:-20px;margin-top:10em}.sci li a{font-size:4em;height:100px;margin:10px;width:100px}.tec-elements h2{font-size:30px;top:2em}.tec-elements h2:after{width:300px}.sci li:before{margin:30px}}.Footer-container{background:#00bfa5;height:20%;left:0;margin:0;overflow:hidden;padding:0;position:absolute;top:300vh;width:100%;z-index:0}.footer-right{float:right;margin-top:6px;max-width:180px}.footer-right a{background-color:#075e54;border-radius:10px;box-sizing:border-box;color:#fff;display:inline-block;font-size:20px;height:35px;line-height:35px;margin-left:5px;margin-right:15px;margin-top:25px;padding:2px 10px 0 6.5px;text-align:center;text-align:left;transition:all .25s;width:35px}.footer-right a:hover{transform:scale(1.1);-webkit-transform:scale(1.1)}.footer-left p{color:#fff;font-size:18px;margin:25px}@media (max-width:991px){.Footer-container{top:450vh}}.newChat{background-color:#fff;border-right:1px solid #ddd;bottom:0;display:flex;flex-direction:column;left:0;max-width:415px;position:fixed;top:0;transition:all .5s ease;width:35%}.newChathead{align-items:center;background-color:#00bfa5;display:flex;padding:60px 15px 15px}.newChatbackbutton{align-items:center;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:.25s;width:40px}.newChatbackbutton:hover{color:#d6d6d6}.newChatheadtitle{color:#fff;cursor:default;flex:1 1;font-size:19px;font-weight:700;height:40px;line-height:40px;margin-left:20px;transition:.25s}.newChatheadtitle:hover{color:#d6d6d6}.newChatlist{flex:1 1;overflow-y:auto}.newChatlist::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.newChatlist::-webkit-scrollbar{height:6px;width:6px}.newchatitem{align-items:center;cursor:pointer;display:flex;padding:15px;transition:.25s}.newchatitem:hover{background-color:#f5f5f5}.newchatitemavatar{border-radius:50%;height:50px;margin-right:15px;width:50px}.newchatitemname{color:#000;font-size:17px}.chatWindow{display:flex;flex-direction:column;height:100%}.chatWindowheader{align-items:center;border-bottom:1px solid #ccc;display:flex;height:60px;justify-content:space-between}.chatWindowheaderinfo{align-items:center;cursor:pointer;display:flex}.chatWindowavatar{border-radius:50%;height:40px;margin-left:15px;margin-right:15px;width:40px}.chatWindowname{color:#000;font-size:17px}.chatWindowheaderbuttons{align-items:center;display:flex;margin-right:15px}.chatWindowbtn{align-items:center;border-radius:50%;color:#919191;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:.25s;transition:all .3s ease;width:40px}.chatWindowbtn:hover{color:#6e6e6e}.chatWindowbody{background-color:#e5ddd5;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-position:50%;background-size:cover;flex:1 1;overflow-y:auto;padding:20px 30px}.chatWindowfooter{align-items:center;display:flex;height:62px}.chatWindowpos,.chatWindowpre{display:flex;margin:0 15px}.chatWindowarea{flex:1 1}.chatWindowareainput{background-color:#fff;border:0;border-radius:20px;color:#a4a4a4;font-size:15px;height:40px;outline:0;padding-left:15px;width:100%}.emoji-picker-react .emoji-group:before,aside .emoji-picker-react{background:none;width:100%}.chatWindowemojiarea{height:200px;overflow-y:hidden;transition:all .3s ease}.chatWindowbody::-webkit-scrollbar{height:6px;width:6px}.chatWindowbody::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}.messageLine{display:flex;margin-bottom:10px}.messageItem{background-color:#fff;border-radius:10px;box-shadow:0 1px 1px #ccc;display:flex;flex-direction:column;max-width:90%;padding:3px}.messageText{font-size:14px;margin:5px 40px 5px 5px}.messageDate{color:#999;font-size:11px;height:15px;margin-right:5px;margin-top:-15px;text-align:right}.chatListItem{align-items:center;cursor:pointer;display:flex;height:70px;transition:.25s}.chatListItem.active{background-color:#ebebeb}.chatListItemAvatar{border-radius:25px;height:50px;margin-left:15px;width:50px}.chatListItemLines{border-bottom:1px solid #eee;display:flex;flex:1 1;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;margin-left:15px;min-width:0;padding-right:15px}.chatListItemLine{align-items:center;display:flex;justify-content:space-between;width:100%}.chatListItemName{color:#000;font-size:17px}.chatListItemDate{color:#999;font-size:12px}.chatListItemLastMsg{color:#999;display:flex;font-size:14px;width:100%}.chatListItemLastMsg p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatListItem:hover{background-color:#f5f5f5}.chatIntro{align-items:center;background-color:#f8f9fa;border-bottom:6px solid #4adf83;display:flex;flex-direction:column;height:100%;justify-content:center}.chatIntro img{height:auto;width:250px}.chatIntro h1{color:#525252;font-size:32px;font-weight:400;margin-top:30px}.chatIntro h2{color:#777;font-size:14px;font-weight:400;line-height:20px;margin-top:20px;text-align:center}
/*# sourceMappingURL=main.29c56d88.css.map*/