@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700,800,900|Barlow:300,400,500,600,700,800,900&display=swap);*{margin:0;padding:0}.open{height:200px;width:auto}.openlayout{align-content:center;align-items:center;align-self:center;background-color:#f5f5f5;display:flex;height:100vh;justify-content:center;width:100vw}a{text-decoration:none}.search-bar{height:120px;margin:auto;position:relative;width:420px;z-index:1}.edit:hover{background-color:#ebebeb}.chats{background-color:#fcfcfc;height:calc(100vh - 185px);margin-top:10px;overflow-y:scroll;padding-bottom:20px;padding-left:10px;padding-right:10px}@media (max-width:768px){.chats{background-color:#fcfcfc;height:calc(100vh - 100px);margin-top:10px;overflow-y:scroll;padding-bottom:20px;padding-left:10px;padding-right:10px}}.chats::-webkit-scrollbar{width:6px}.chats::-webkit-scrollbar-track{background:#f5f5f5}.chats::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.chats::-webkit-scrollbar-thumb:hover{background-color:#999}body{overflow:hidden}.search-bar{background-color:#fcfcfc;border-bottom:1px solid #e0e0e0;padding:16px;position:-webkit-sticky;position:sticky;top:0}.search-bar input{background-color:#fff;border:2px solid #e0e0e0;border-radius:5px;flex-grow:3;font-size:16px;outline:none;padding:8px 16px;width:100%}.chat{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:16px}.chat:hover{background-color:#ebebeb}.chat.selected{background-color:#f1f1f1}.unread .time{color:green;font-weight:700}.profile-picture img{border-radius:50%;height:50px;margin-right:16px;object-fit:cover;width:50px}.chat-details{flex-grow:1}.chat-name{font-size:16px;font-weight:700;margin-bottom:4px}.last-message{color:#666;font-size:14px}.time{color:#999;font-size:12px}.counts{display:none}.count{align-items:center;background-color:green;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;justify-content:center;text-align:center;width:20px}.count,.count-ht{height:20px}.chat-header img{border-radius:50%;height:50px;margin-right:16px;object-fit:cover;width:50px}.headico:hover{background-color:#ebebeb}.line{border:1px solid #e0e0e0;height:50px;width:1px}.headico{align-items:center;border-radius:10px;display:flex;justify-content:center;padding:5px}.chat-window{background-color:#fff;border-left:2px solid #e0e0e0;box-shadow:0 0 8px rgba(0,0,0,.1);display:flex;flex-direction:column;flex-grow:1;height:calc(100vh - 50px);margin-top:-3px}.chat-header{align-items:center;background-color:#fcfcfc;border-bottom:1px solid #e0e0e0;display:flex;padding:16px}.contact-info .name{font-size:16px;font-weight:600;margin-bottom:4px}.chat-messages{-ms-overflow-style:none;background-color:#f3f3f3;flex-grow:1;overflow-y:scroll;padding:16px;scrollbar-width:none}.chat-input{border-top:1px solid #e0e0e0}.chat-input input{border:none;flex-grow:1;font-size:16px;outline:none;padding:8px 16px}.inputbox{width:100%}.chat-messages::-webkit-scrollbar{display:none}.chat-messages,.message{display:flex;flex-direction:column}.message{align-items:flex-start;max-width:40%;padding:5px}@media (max-width:768px){.chat-messages{margin-top:60px}.chat-messages,.message{display:flex;flex-direction:column}.message{align-items:flex-start;margin-bottom:10px;max-width:80%;padding:5px}.chat-window{background-color:#fff;height:calc(100vh - 50px);margin-top:0;overflow:hidden;width:calc(100vw - 50px)}.chat-input{background-color:#fff;bottom:0}.chat-header,.chat-input{position:fixed;width:100%}.chat-header{align-items:center;background-color:#fcfcfc;border-bottom:1px solid #e0e0e0;display:flex;padding:16px;top:0}.chat-header img{border-radius:50%;height:30px;margin-right:16px;object-fit:cover;width:30px}}.calllogo{border-radius:50%;height:150px}.callbtn{border-radius:50%;height:50px;width:50px}.message.sent{align-items:flex-end;align-self:flex-end;background-color:#dcf8c6;border-radius:10px}.message.received{align-self:flex-start;background-color:#fff;border-radius:10px}.message-content{word-wrap:break-word;border-radius:8px;font-size:16px;white-space:pre-wrap}.message-time{color:#999;font-size:12px}.input-container{border:1px solid #ccc;height:60px;position:relative}#message-input{border:none;font-size:16px;height:100%;left:0;line-height:1.4;padding:10px;position:absolute;resize:none;top:0;width:100%}.nosendico{display:none}.micico,.sendico{display:block}.nomicroico{display:none}body{background-color:#f0f2f5}.content-login{background-color:#fff;border-radius:10px;box-shadow:10px 10px 6px -1px hsla(0,11%,73%,.52);-webkit-box-shadow:10px 10px 6px -1px hsla(0,11%,73%,.52);-moz-box-shadow:10px 10px 6px -1px hsla(0,11%,73%,.52);min-width:350px;padding:10px}.content-login input{border:2px solid #f0f2f5;border-radius:10px;padding:10px}.home_logo{height:150px;width:auto}.titlehome{margin-top:200px}.sidebars{background-color:#f3f3f3;height:calc(100vh - 50px);position:relative;width:60px}.top-icons{top:0}.bottom-icon,.top-icons{background-color:#f3f3f3;height:60px;width:100%}.bottom-icon{bottom:0}.avatar{border-radius:50%;height:50px;margin:0;width:50px}.picon{align-content:center;align-items:center;border-radius:10px;display:flex;justify-content:center}.active,.picon:hover{background-color:#c9c9c9}.active{border-radius:10px}.settings{bottom:20px;height:450px;left:70px;position:fixed;right:auto;top:auto;width:550px;z-index:1050}.sActive{display:block}.sInActive{display:none}.title{background-color:#f3f3f3;height:50px;padding:7px 7px 7px 15px}.logo{height:30px;width:auto}.titleico:hover{background-color:#ebebeb}.titleico{align-items:center;border-radius:10px;display:flex;justify-content:center;padding:5px}.widget{background-color:#fcfcfc;border-bottom-color:#c8c4c4;border-bottom-style:none;border-left:2px solid #c8c4c4;border-right-color:#c8c4c4;border-right-style:none;border-top:2px solid #c8c4c4;border-top-left-radius:10px;padding:3px;z-index:2}.pg404{background:#695681;font-family:Barlow,sans-serif;height:auto;margin:0;overflow:hidden;padding:0}.about{align-items:flex-end;bottom:10px;justify-content:flex-end;overflow:hidden;position:fixed;right:10px;transition:all .2s ease;z-index:10}.about,.about .bg_links{display:flex;height:40px;width:40px}.about .bg_links{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.2);border-radius:100%;justify-content:center;position:absolute}.about .logo{background-image:url(https://rafaelavlucas.github.io/assets/codepen/logo_white.svg);background-position:10px 7px;background-repeat:no-repeat;background-size:50%;bottom:0;height:40px;opacity:.9;right:0;transition:all 1s ease .2s;width:40px;z-index:9}.about .social{bottom:0;opacity:0;right:0}.about .social .icon{background-color:initial;background-position:50%;background-repeat:no-repeat;background-size:20px;border-radius:100%;display:flex;height:100%;opacity:0;transition:all .2s ease,background-color .4s ease;width:100%}.about .social.portfolio{transition:all .8s ease}.about .social.portfolio .icon{background-image:url(https://rafaelavlucas.github.io/assets/codepen/link.svg)}.about .social.dribbble{transition:all .3s ease}.about .social.dribbble .icon{background-image:url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg)}.about .social.linkedin{transition:all .8s ease}.about .social.linkedin .icon{background-image:url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg)}.about:hover{height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65);width:105px}.about:hover .logo{opacity:1;transition:all .6s ease}.about:hover .social{opacity:1}.about:hover .social .icon{opacity:.9}.about:hover .social:hover{background-size:28px}.about:hover .social:hover .icon{background-size:65%;opacity:1}.about:hover .social.portfolio{bottom:calc(100% - 40px);right:0;transition:all .3s cubic-bezier(.64,.01,.07,1.65) 0s}.about:hover .social.portfolio .icon:hover{background-color:#698fb7}.about:hover .social.dribbble{bottom:45%;right:45%;transition:all .3s cubic-bezier(.64,.01,.07,1.65) .15s}.about:hover .social.dribbble .icon:hover{background-color:#ea4c89}.about:hover .social.linkedin{bottom:0;right:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) .25s}.about:hover .social.linkedin .icon:hover{background-color:#0077b5}a,body,button,h1,h2,h3,h4,h5,h6,i,input,li,p,ul{-webkit-tap-highlight-color:transparent;border:0;color:inherit;list-style:none;margin:0;padding:0;text-decoration:none}a:focus,body:focus,button:focus,h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus,i:focus,input:focus,li:focus,p:focus,ul:focus{outline:0}nav .menu{align-items:center;box-sizing:border-box;display:flex;height:80px;justify-content:space-between;padding:0 5%;position:absolute;width:100%;z-index:3}nav .menu .website_name{background:#fff;border-radius:2px;color:#695681;cursor:pointer;font-size:20px;font-weight:600;letter-spacing:1px;opacity:.5;padding:4px 8px;transition:all .4s ease}nav .menu .website_name:hover{opacity:1}nav .menu .menu_links{opacity:.5;transition:all .4s ease}nav .menu .menu_links:hover{opacity:1}@media screen and (max-width:799px){nav .menu .menu_links{display:none}}nav .menu .menu_links .link{color:#fff;font-weight:500;letter-spacing:2px;margin-right:50px;position:relative;text-transform:uppercase;transition:all .3s ease .2s}nav .menu .menu_links .link:last-child{margin-right:0}nav .menu .menu_links .link:before{background:linear-gradient(90deg,#ffedc0,#ff9d87);border-radius:4px;bottom:-10px;content:"";height:4px;left:100%;position:absolute;transition:all .4s cubic-bezier(.82,.02,.13,1.26);width:0}nav .menu .menu_links .link:hover{color:#fb8a8a;opacity:1}nav .menu .menu_links .link:hover:before{left:0;width:40px}nav .menu .menu_icon{align-items:center;cursor:pointer;display:none;height:40px;justify-content:center;position:relative;width:40px}@media screen and (max-width:799px){nav .menu .menu_icon{display:flex}}nav .menu .menu_icon .icon{background:#fff;height:2px;position:absolute;width:24px}nav .menu .menu_icon .icon:after,nav .menu .menu_icon .icon:before{background:inherit;content:"";height:100%;position:absolute;transition:all .3s cubic-bezier(.49,.04,0,1.55);width:100%}nav .menu .menu_icon .icon:before{-webkit-transform:translateY(-8px);transform:translateY(-8px)}nav .menu .menu_icon .icon:after{-webkit-transform:translateY(8px);transform:translateY(8px)}nav .menu .menu_icon:hover .icon{background:#ffedc0}nav .menu .menu_icon:hover .icon:before{-webkit-transform:translateY(-10px);transform:translateY(-10px)}nav .menu .menu_icon:hover .icon:after{-webkit-transform:translateY(10px);transform:translateY(10px)}.wrapper{display:grid;grid-template-columns:1fr;height:100vh;overflow-x:hidden}.wrapper,.wrapper .container{align-items:center;justify-content:center}.wrapper .container{display:flex;margin:0 auto;position:relative;transition:all .4s ease}.wrapper .container .scene{height:100vh;position:absolute;vertical-align:middle;width:100vw}.wrapper .container .circle,.wrapper .container .one,.wrapper .container .p404,.wrapper .container .three,.wrapper .container .two{height:60%;left:20%!important;min-height:400px;min-width:400px;top:20%!important;width:60%}.wrapper .container .circle .content,.wrapper .container .one .content,.wrapper .container .p404 .content,.wrapper .container .three .content,.wrapper .container .two .content{align-items:center;-webkit-animation:content .8s cubic-bezier(1,.06,.25,1) backwards;animation:content .8s cubic-bezier(1,.06,.25,1) backwards;display:flex;height:600px;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px}@-webkit-keyframes content{0%{width:0}}@keyframes content{0%{width:0}}.wrapper .container .circle .content .piece,.wrapper .container .one .content .piece,.wrapper .container .p404 .content .piece,.wrapper .container .three .content .piece,.wrapper .container .two .content .piece{-webkit-animation:pieceLeft 8s cubic-bezier(1,.06,.25,1) infinite both;animation:pieceLeft 8s cubic-bezier(1,.06,.25,1) infinite both;border-radius:80px;display:flex;height:80px;position:absolute;width:200px;z-index:1}@-webkit-keyframes pieceLeft{50%{left:80%;width:10%}}@keyframes pieceLeft{50%{left:80%;width:10%}}@-webkit-keyframes pieceRight{50%{right:80%;width:10%}}@keyframes pieceRight{50%{right:80%;width:10%}}@media screen and (max-width:799px){.wrapper .container .circle,.wrapper .container .one,.wrapper .container .p404,.wrapper .container .three,.wrapper .container .two{height:90%;left:5%!important;min-height:280px;min-width:280px;top:5%!important;width:90%}}@media screen and (max-height:660px){.wrapper .container .circle,.wrapper .container .one,.wrapper .container .p404,.wrapper .container .three,.wrapper .container .two{height:60%;left:20%!important;min-height:280px;min-width:280px;top:20%!important;width:60%}}.wrapper .container .text{-webkit-animation:text .6s ease 1.8s backwards;animation:text .6s ease 1.8s backwards;height:40%;margin:40px 0;min-height:500px;min-width:400px;position:absolute;width:60%}@-webkit-keyframes text{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes text{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}}@media screen and (max-width:799px){.wrapper .container .text{height:80%;min-height:400px}}.wrapper .container .text article{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:400px;z-index:4}@media screen and (max-width:799px){.wrapper .container .text article{width:100%}}.wrapper .container .text article p{color:#fff;font-size:18px;letter-spacing:.6px;margin-bottom:40px;text-shadow:6px 6px 10px #32243e}.wrapper .container .text article button{background-color:#fff;border-radius:50px;box-shadow:0 15px 20px rgba(54,24,79,.5);color:#695681;cursor:pointer;font-size:12px;font-weight:600;height:40px;padding:0 30px;text-transform:uppercase;transition:all .3s ease;z-index:3}.wrapper .container .text article button:hover{background:#fb8a8a;box-shadow:0 10px 10px -10px rgba(54,24,79,.5);color:#fff;-webkit-transform:translateY(5px);transform:translateY(5px)}.wrapper .container .p404{align-items:center;-webkit-animation:anime404 .6s cubic-bezier(.3,.8,1,1.05) both;animation:anime404 .6s cubic-bezier(.3,.8,1,1.05) both;-webkit-animation-delay:1.2s;animation-delay:1.2s;color:#fff;display:flex!important;font-size:200px;font-weight:700;justify-content:center;letter-spacing:4px;position:absolute;z-index:2}@media screen and (max-width:799px){.wrapper .container .p404{font-size:100px}}@-webkit-keyframes anime404{0%{opacity:0;-webkit-transform:scale(10) skew(20deg,20deg);transform:scale(10) skew(20deg,20deg)}}@keyframes anime404{0%{opacity:0;-webkit-transform:scale(10) skew(20deg,20deg);transform:scale(10) skew(20deg,20deg)}}.wrapper .container .p404:nth-of-type(2){-webkit-animation-delay:1s;animation-delay:1s;color:#36184f;-webkit-filter:blur(10px);filter:blur(10px);opacity:.8;z-index:1}.wrapper .container .circle{position:absolute}.wrapper .container .circle:before{-webkit-animation:circle .8s cubic-bezier(1,.06,.25,1) backwards;animation:circle .8s cubic-bezier(1,.06,.25,1) backwards;background-color:rgba(54,24,79,.2);border-radius:100%;box-shadow:inset 5px 20px 40px rgba(54,24,79,.25),inset 5px 0 5px rgba(50,36,62,.3),inset 5px 5px 20px rgba(50,36,62,.25),2px 2px 5px hsla(0,0%,100%,.2);content:"";height:800px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:800px}@-webkit-keyframes circle{0%{height:0;width:0}}@keyframes circle{0%{height:0;width:0}}@media screen and (max-width:799px){.wrapper .container .circle:before{height:400px;width:400px}}.wrapper .container .one .content:before{-webkit-animation:circle .8s cubic-bezier(1,.06,.25,1) .4s backwards;animation:circle .8s cubic-bezier(1,.06,.25,1) .4s backwards;background-color:rgba(54,24,79,.3);border-radius:100%;box-shadow:inset 5px 20px 40px rgba(54,24,79,.25),inset 5px 0 5px rgba(50,36,62,.3),inset 5px 5px 20px rgba(50,36,62,.25),2px 2px 5px hsla(0,0%,100%,.2);content:"";height:600px;position:absolute;width:600px}@media screen and (max-width:799px){.wrapper .container .one .content:before{height:300px;width:300px}}.wrapper .container .one .content .piece{background:linear-gradient(90deg,#8077ea 13.7%,#eb73ff 94.65%)}.wrapper .container .one .content .piece:first-child{-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-name:pieceRight;animation-name:pieceRight;height:30px;right:15%;top:18%;width:120px}.wrapper .container .one .content .piece:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-name:pieceLeft;animation-name:pieceLeft;height:50px;left:15%;top:45%;width:150px}.wrapper .container .one .content .piece:nth-child(3){-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-name:pieceLeft;animation-name:pieceLeft;height:20px;left:10%;top:75%;width:70px}.wrapper .container .two .content .piece{background:linear-gradient(90deg,#ffedc0,#ff9d87)}.wrapper .container .two .content .piece:first-child{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-name:pieceLeft;animation-name:pieceLeft;height:40px;left:0;top:25%;width:120px}.wrapper .container .two .content .piece:nth-child(2){-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-name:pieceRight;animation-name:pieceRight;height:50px;right:15%;top:35%;width:180px}.wrapper .container .two .content .piece:nth-child(3){-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-name:pieceRight;animation-name:pieceRight;height:20px;right:10%;top:80%;width:160px}.wrapper .container .three .content .piece{background:#fb8a8a}.wrapper .container .three .content .piece:first-child{-webkit-animation-delay:3.5s;animation-delay:3.5s;-webkit-animation-name:pieceLeft;animation-name:pieceLeft;height:20px;left:25%;top:35%;width:80px}.wrapper .container .three .content .piece:nth-child(2){-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-name:pieceRight;animation-name:pieceRight;height:40px;right:10%;top:55%;width:140px}.wrapper .container .three .content .piece:nth-child(3){-webkit-animation-delay:4.5s;animation-delay:4.5s;-webkit-animation-name:pieceLeft;animation-name:pieceLeft;height:20px;left:40%;top:68%;width:80px}
/*# sourceMappingURL=main.ea1079b6.css.map*/