@import url(https://fonts.googleapis.com/css?family=Oxygen:700&display=swap);.about[data-v-a4db836a]{position:fixed;z-index:10;bottom:10px;right:10px;width:40px;height:40px;display:flex;justify-content:flex-end;align-items:flex-end;transition:all .2s ease}.about .bg_links[data-v-a4db836a]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);border-radius:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.about .logo[data-v-a4db836a]{width:40px;height:40px;z-index:9;background-image:url(https://rafaelavlucas.github.io/assets/codepen/logo_white.svg);background-size:50%;background-repeat:no-repeat;background-position:10px 7px;opacity:.9;transition:all 1s ease .2s;bottom:0;right:0}.about .social[data-v-a4db836a]{opacity:0;right:0;bottom:0}.about .social .icon[data-v-a4db836a]{width:100%;height:100%;background-size:20px;background-repeat:no-repeat;background-position:50%;background-color:transparent;display:flex;transition:all .2s ease,background-color .4s ease;opacity:0;border-radius:100%}.about .social.portfolio[data-v-a4db836a]{transition:all .8s ease}.about .social.portfolio .icon[data-v-a4db836a]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/link.svg)}.about .social.dribbble[data-v-a4db836a]{transition:all .3s ease}.about .social.dribbble .icon[data-v-a4db836a]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg)}.about .social.linkedin[data-v-a4db836a]{transition:all .8s ease}.about .social.linkedin .icon[data-v-a4db836a]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg)}.about[data-v-a4db836a]:hover{width:105px;height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65)}.about:hover .logo[data-v-a4db836a]{opacity:1;transition:all .6s ease}.about:hover .social[data-v-a4db836a]{opacity:1}.about:hover .social .icon[data-v-a4db836a]{opacity:.9}.about:hover .social[data-v-a4db836a]:hover{background-size:28px}.about:hover .social:hover .icon[data-v-a4db836a]{background-size:65%;opacity:1}.about:hover .social.portfolio[data-v-a4db836a]{right:0;bottom:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) 0s}.about:hover .social.portfolio .icon[data-v-a4db836a]:hover{background-color:#698fb7}.about:hover .social.dribbble[data-v-a4db836a]{bottom:45%;right:45%;transition:all .3s cubic-bezier(.64,.01,.07,1.65) .15s}.about:hover .social.dribbble .icon[data-v-a4db836a]:hover{background-color:#ea4c89}.about:hover .social.linkedin[data-v-a4db836a]{bottom:0;right:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) .25s}.about:hover .social.linkedin .icon[data-v-a4db836a]:hover{background-color:#0077b5}body[data-v-a4db836a]{margin:0}.content[data-v-a4db836a]{width:100%;height:100vh;background-color:#171f30;display:flex;justify-content:center;align-items:center}.content .loading[data-v-a4db836a]{width:80px;height:50px;position:relative}.content .loading p[data-v-a4db836a]{top:0;padding:0;margin:0;color:#5389a6;font-family:Oxygen,sans-serif;-webkit-animation:text-data-v-a4db836a 3.5s ease infinite both;animation:text-data-v-a4db836a 3.5s ease infinite both;font-size:12px;letter-spacing:1px}@-webkit-keyframes text-data-v-a4db836a{0%{letter-spacing:1px;transform:translateX(0)}40%{letter-spacing:2px;transform:translateX(26px)}80%{letter-spacing:1px;transform:translateX(32px)}90%{letter-spacing:2px;transform:translateX(0)}to{letter-spacing:1px;transform:translateX(0)}}@keyframes text-data-v-a4db836a{0%{letter-spacing:1px;transform:translateX(0)}40%{letter-spacing:2px;transform:translateX(26px)}80%{letter-spacing:1px;transform:translateX(32px)}90%{letter-spacing:2px;transform:translateX(0)}to{letter-spacing:1px;transform:translateX(0)}}.content .loading span[data-v-a4db836a]{background-color:#5389a6;border-radius:50px;display:block;height:16px;width:16px;bottom:0;position:absolute;transform:translateX(64px);-webkit-animation:loading-data-v-a4db836a 3.5s ease infinite both;animation:loading-data-v-a4db836a 3.5s ease infinite both}.content .loading span[data-v-a4db836a]:before{position:absolute;content:"";width:100%;height:100%;background-color:#a6dcee;border-radius:inherit;-webkit-animation:loading2-data-v-a4db836a 3.5s ease infinite both;animation:loading2-data-v-a4db836a 3.5s ease infinite both}@-webkit-keyframes loading-data-v-a4db836a{0%{width:16px;transform:translateX(0)}40%{width:100%;transform:translateX(0)}80%{width:16px;transform:translateX(64px)}90%{width:100%;transform:translateX(0)}to{width:16px;transform:translateX(0)}}@keyframes loading-data-v-a4db836a{0%{width:16px;transform:translateX(0)}40%{width:100%;transform:translateX(0)}80%{width:16px;transform:translateX(64px)}90%{width:100%;transform:translateX(0)}to{width:16px;transform:translateX(0)}}@-webkit-keyframes loading2-data-v-a4db836a{0%{transform:translateX(0);width:16px}40%{transform:translateX(0);width:80%}80%{width:100%;transform:translateX(0)}90%{width:80%;transform:translateX(15px)}to{transform:translateX(0);width:16px}}@keyframes loading2-data-v-a4db836a{0%{transform:translateX(0);width:16px}40%{transform:translateX(0);width:80%}80%{width:100%;transform:translateX(0)}90%{width:80%;transform:translateX(15px)}to{transform:translateX(0);width:16px}}