@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);.login-container[data-v-0bc4d962]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9;padding:20px}.error-message[data-v-0bc4d962]{color:red;font-size:.9rem;margin-bottom:15px;text-align:left}.gray-box[data-v-0bc4d962]{width:600px;padding:40px;border-radius:20px;background-color:#d3d3d3;box-shadow:0 8px 16px rgba(0,0,0,.2)}.login-box[data-v-0bc4d962]{width:400px;padding:30px;border-radius:15px;text-align:center;margin:auto}.logo[data-v-0bc4d962]{margin-bottom:20px}.logo img[data-v-0bc4d962]{max-width:50%;height:auto;display:block;margin:0 auto}h2[data-v-0bc4d962]{font-size:1.5rem;margin-bottom:20px;color:#333}.form-group[data-v-0bc4d962]{margin-bottom:15px}.form-group input[data-v-0bc4d962]{width:100%;padding:10px;border:1px solid #aaa;border-radius:5px;font-size:1rem}.btn-login[data-v-0bc4d962]{width:100%;padding:10px;font-size:1rem;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer}.btn-login[data-v-0bc4d962]:hover{background-color:#333}.links[data-v-0bc4d962]{margin-top:20px}.links a[data-v-0bc4d962]{color:#000;text-decoration:none;font-size:.9rem;margin:0 10px}.links a[data-v-0bc4d962]:hover{text-decoration:underline}@media screen and (max-width:480px){.gray-box[data-v-0bc4d962]{width:90%;padding:20px}.login-box[data-v-0bc4d962]{width:100%;padding:20px}h2[data-v-0bc4d962]{font-size:1.2rem}.btn-login[data-v-0bc4d962],.form-group input[data-v-0bc4d962]{padding:8px;font-size:.9rem}.links a[data-v-0bc4d962]{font-size:.8rem}}.about[data-v-f8423770]{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-f8423770]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);border-radius:100%;backdrop-filter:blur(5px);position:absolute}.about .logo[data-v-f8423770]{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-f8423770]{opacity:0;right:0;bottom:0}.about .social .icon[data-v-f8423770]{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-f8423770]{transition:all .8s ease}.about .social.portfolio .icon[data-v-f8423770]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/link.svg)}.about .social.dribbble[data-v-f8423770]{transition:all .3s ease}.about .social.dribbble .icon[data-v-f8423770]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg)}.about .social.linkedin[data-v-f8423770]{transition:all .8s ease}.about .social.linkedin .icon[data-v-f8423770]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg)}.about[data-v-f8423770]:hover{width:105px;height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65)}.about:hover .logo[data-v-f8423770]{opacity:1;transition:all .6s ease}.about:hover .social[data-v-f8423770]{opacity:1}.about:hover .social .icon[data-v-f8423770]{opacity:.9}.about:hover .social[data-v-f8423770]:hover{background-size:28px}.about:hover .social:hover .icon[data-v-f8423770]{background-size:65%;opacity:1}.about:hover .social.portfolio[data-v-f8423770]{right:0;bottom:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) 0s}.about:hover .social.portfolio .icon[data-v-f8423770]:hover{background-color:#698fb7}.about:hover .social.dribbble[data-v-f8423770]{bottom:45%;right:45%;transition:all .3s cubic-bezier(.64,.01,.07,1.65) .15s}.about:hover .social.dribbble .icon[data-v-f8423770]:hover{background-color:#ea4c89}.about:hover .social.linkedin[data-v-f8423770]{bottom:0;right:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) .25s}.about:hover .social.linkedin .icon[data-v-f8423770]:hover{background-color:#0077b5}a[data-v-f8423770],body[data-v-f8423770],button[data-v-f8423770],h1[data-v-f8423770],h2[data-v-f8423770],h3[data-v-f8423770],h4[data-v-f8423770],h5[data-v-f8423770],h6[data-v-f8423770],i[data-v-f8423770],input[data-v-f8423770],li[data-v-f8423770],p[data-v-f8423770],ul[data-v-f8423770]{margin:0;padding:0;list-style:none;border:0;-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit}a[data-v-f8423770]:focus,body[data-v-f8423770]:focus,button[data-v-f8423770]:focus,h1[data-v-f8423770]:focus,h2[data-v-f8423770]:focus,h3[data-v-f8423770]:focus,h4[data-v-f8423770]:focus,h5[data-v-f8423770]:focus,h6[data-v-f8423770]:focus,i[data-v-f8423770]:focus,input[data-v-f8423770]:focus,li[data-v-f8423770]:focus,p[data-v-f8423770]:focus,ul[data-v-f8423770]:focus{outline:0}body[data-v-f8423770]{margin:0;padding:0;height:auto;font-family:Barlow,sans-serif;background:#695681}.logo[data-v-f8423770]{position:fixed;z-index:5;bottom:10px;right:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.1);border-radius:100%;backdrop-filter:blur(5px)}.logo img[data-v-f8423770]{width:55%;height:55%;transform:translateY(-1px);opacity:.8}nav .menu[data-v-f8423770]{width:100%;height:80px;position:absolute;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-sizing:border-box;z-index:3}nav .menu .website_name[data-v-f8423770]{color:#695681;font-weight:600;font-size:20px;letter-spacing:1px;background:#fff;padding:4px 8px;border-radius:2px;opacity:.5;transition:all .4s ease;cursor:pointer}nav .menu .website_name[data-v-f8423770]:hover{opacity:1}nav .menu .menu_links[data-v-f8423770]{transition:all .4s ease;opacity:.5}nav .menu .menu_links[data-v-f8423770]:hover{opacity:1}@media screen and (max-width:799px){nav .menu .menu_links[data-v-f8423770]{display:none}}nav .menu .menu_links .link[data-v-f8423770]{color:#fff;text-transform:uppercase;font-weight:500;margin-right:50px;letter-spacing:2px;position:relative;transition:all .3s ease .2s}nav .menu .menu_links .link[data-v-f8423770]:last-child{margin-right:0}nav .menu .menu_links .link[data-v-f8423770]:before{content:"";position:absolute;width:0;height:4px;background:linear-gradient(90deg,#ffedc0,#ff9d87);bottom:-10px;border-radius:4px;transition:all .4s cubic-bezier(.82,.02,.13,1.26);left:100%}nav .menu .menu_links .link[data-v-f8423770]:hover{opacity:1;color:#fb8a8a}nav .menu .menu_links .link[data-v-f8423770]:hover:before{width:40px;left:0}nav .menu .menu_icon[data-v-f8423770]{width:40px;height:40px;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer}@media screen and (max-width:799px){nav .menu .menu_icon[data-v-f8423770]{display:flex}}nav .menu .menu_icon .icon[data-v-f8423770]{width:24px;height:2px;background:#fff;position:absolute}nav .menu .menu_icon .icon[data-v-f8423770]:after,nav .menu .menu_icon .icon[data-v-f8423770]:before{content:"";width:100%;height:100%;background:inherit;position:absolute;transition:all .3s cubic-bezier(.49,.04,0,1.55)}nav .menu .menu_icon .icon[data-v-f8423770]:before{transform:translateY(-8px)}nav .menu .menu_icon .icon[data-v-f8423770]:after{transform:translateY(8px)}nav .menu .menu_icon:hover .icon[data-v-f8423770]{background:#ffedc0}nav .menu .menu_icon:hover .icon[data-v-f8423770]:before{transform:translateY(-10px)}nav .menu .menu_icon:hover .icon[data-v-f8423770]:after{transform:translateY(10px)}.wrapper[data-v-f8423770]{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;height:100vh;overflow-x:hidden}.wrapper .container[data-v-f8423770]{margin:0 auto;transition:all .4s ease;display:flex;justify-content:center;align-items:center;position:relative}.wrapper .container .scene[data-v-f8423770]{position:absolute;width:100vw;height:100vh;vertical-align:middle}.wrapper .container .circle[data-v-f8423770],.wrapper .container .one[data-v-f8423770],.wrapper .container .p404[data-v-f8423770],.wrapper .container .three[data-v-f8423770],.wrapper .container .two[data-v-f8423770]{width:60%;height:60%;top:20%!important;left:20%!important;min-width:400px;min-height:400px}.wrapper .container .circle .content[data-v-f8423770],.wrapper .container .one .content[data-v-f8423770],.wrapper .container .p404 .content[data-v-f8423770],.wrapper .container .three .content[data-v-f8423770],.wrapper .container .two .content[data-v-f8423770]{width:600px;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:content-f8423770 .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes content-f8423770{0%{width:0}}.wrapper .container .circle .content .piece[data-v-f8423770],.wrapper .container .one .content .piece[data-v-f8423770],.wrapper .container .p404 .content .piece[data-v-f8423770],.wrapper .container .three .content .piece[data-v-f8423770],.wrapper .container .two .content .piece[data-v-f8423770]{width:200px;height:80px;display:flex;position:absolute;border-radius:80px;z-index:1;animation:pieceLeft-f8423770 8s cubic-bezier(1,.06,.25,1) infinite both}@keyframes pieceLeft-f8423770{50%{left:80%;width:10%}}@keyframes pieceRight-f8423770{50%{right:80%;width:10%}}@media screen and (max-width:799px){.wrapper .container .circle[data-v-f8423770],.wrapper .container .one[data-v-f8423770],.wrapper .container .p404[data-v-f8423770],.wrapper .container .three[data-v-f8423770],.wrapper .container .two[data-v-f8423770]{width:90%;height:90%;top:5%!important;left:5%!important;min-width:280px;min-height:280px}}@media screen and (max-height:660px){.wrapper .container .circle[data-v-f8423770],.wrapper .container .one[data-v-f8423770],.wrapper .container .p404[data-v-f8423770],.wrapper .container .three[data-v-f8423770],.wrapper .container .two[data-v-f8423770]{min-width:280px;min-height:280px;width:60%;height:60%;top:20%!important;left:20%!important}}.wrapper .container .text[data-v-f8423770]{width:60%;height:40%;min-width:400px;min-height:500px;position:absolute;margin:40px 0;animation:text-f8423770 .6s ease 1.8s backwards}@keyframes text-f8423770{0%{opacity:0;transform:translateY(40px)}}@media screen and (max-width:799px){.wrapper .container .text[data-v-f8423770]{min-height:400px;height:80%}}.wrapper .container .text article[data-v-f8423770]{width:400px;position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;bottom:0;left:50%;transform:translateX(-50%)}@media screen and (max-width:799px){.wrapper .container .text article[data-v-f8423770]{width:100%}}.wrapper .container .text article p[data-v-f8423770]{color:#fff;font-size:18px;letter-spacing:.6px;margin-bottom:40px;text-shadow:6px 6px 10px #32243e}.wrapper .container .text article button[data-v-f8423770]{height:40px;padding:0 30px;border-radius:50px;cursor:pointer;box-shadow:0 15px 20px rgba(54,24,79,.5);z-index:3;color:#695681;background-color:#fff;text-transform:uppercase;font-weight:600;font-size:12px;transition:all .3s ease}.wrapper .container .text article button[data-v-f8423770]:hover{box-shadow:0 10px 10px -10px rgba(54,24,79,.5);transform:translateY(5px);background:#fb8a8a;color:#fff}.wrapper .container .p404[data-v-f8423770]{font-size:200px;font-weight:700;letter-spacing:4px;color:#fff;display:flex!important;justify-content:center;align-items:center;position:absolute;z-index:2;animation:anime404-f8423770 .6s cubic-bezier(.3,.8,1,1.05) both;animation-delay:1.2s}@media screen and (max-width:799px){.wrapper .container .p404[data-v-f8423770]{font-size:100px}}@keyframes anime404-f8423770{0%{opacity:0;transform:scale(10) skew(20deg,20deg)}}.wrapper .container .p404[data-v-f8423770]:nth-of-type(2){color:#36184f;z-index:1;animation-delay:1s;filter:blur(10px);opacity:.8}.wrapper .container .circle[data-v-f8423770]{position:absolute}.wrapper .container .circle[data-v-f8423770]:before{content:"";position:absolute;width:800px;height:800px;background-color:rgba(54,24,79,.2);border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);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);animation:circle-f8423770 .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes circle-f8423770{0%{width:0;height:0}}@media screen and (max-width:799px){.wrapper .container .circle[data-v-f8423770]:before{width:400px;height:400px}}.wrapper .container .one .content[data-v-f8423770]:before{content:"";position:absolute;width:600px;height:600px;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);animation:circle-f8423770 .8s cubic-bezier(1,.06,.25,1) .4s backwards}@media screen and (max-width:799px){.wrapper .container .one .content[data-v-f8423770]:before{width:300px;height:300px}}.wrapper .container .one .content .piece[data-v-f8423770]{background:linear-gradient(90deg,#8077ea 13.7%,#eb73ff 94.65%)}.wrapper .container .one .content .piece[data-v-f8423770]:first-child{right:15%;top:18%;height:30px;width:120px;animation-delay:.5s;animation-name:pieceRight-f8423770}.wrapper .container .one .content .piece[data-v-f8423770]:nth-child(2){left:15%;top:45%;width:150px;height:50px;animation-delay:1s;animation-name:pieceLeft-f8423770}.wrapper .container .one .content .piece[data-v-f8423770]:nth-child(3){left:10%;top:75%;height:20px;width:70px;animation-delay:1.5s;animation-name:pieceLeft-f8423770}.wrapper .container .two .content .piece[data-v-f8423770]{background:linear-gradient(90deg,#ffedc0,#ff9d87)}.wrapper .container .two .content .piece[data-v-f8423770]:first-child{left:0;top:25%;height:40px;width:120px;animation-delay:2s;animation-name:pieceLeft-f8423770}.wrapper .container .two .content .piece[data-v-f8423770]:nth-child(2){right:15%;top:35%;width:180px;height:50px;animation-delay:2.5s;animation-name:pieceRight-f8423770}.wrapper .container .two .content .piece[data-v-f8423770]:nth-child(3){right:10%;top:80%;height:20px;width:160px;animation-delay:3s;animation-name:pieceRight-f8423770}.wrapper .container .three .content .piece[data-v-f8423770]{background:#fb8a8a}.wrapper .container .three .content .piece[data-v-f8423770]:first-child{left:25%;top:35%;height:20px;width:80px;animation-name:pieceLeft-f8423770;animation-delay:3.5s}.wrapper .container .three .content .piece[data-v-f8423770]:nth-child(2){right:10%;top:55%;width:140px;height:40px;animation-name:pieceRight-f8423770;animation-delay:4s}.wrapper .container .three .content .piece[data-v-f8423770]:nth-child(3){left:40%;top:68%;height:20px;width:80px;animation-name:pieceLeft-f8423770;animation-delay:4.5s}.w-85px[data-v-2102f7a4]{width:85px!important}.w-250px[data-v-2102f7a4]{width:250px!important}[data-v-2102f7a4] .position-fixed.top-0.start-0.h-100{width:260px;background:#fff}.custom-h3[data-v-6e0d834f]{all:unset;display:block;font-weight:700;font-size:1.25rem;margin-bottom:.5rem}.hover-effect[data-v-6e0d834f]{transition:all .3s ease-in-out}.hover-effect[data-v-6e0d834f]:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.custom-h3[data-v-2e9d7af1]{all:unset;display:block;font-weight:700;font-size:1.25rem;margin-bottom:.5rem}.modal-backdrop-fix[data-v-2e9d7af1]{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:rgba(0,0,0,.5)}.modal-fix[data-v-2e9d7af1]{z-index:1050}.btn-sm[data-v-2e9d7af1]{height:40px}.card[data-v-0630d2fc]{transition:box-shadow .2s}.card[data-v-0630d2fc]:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.drag-handle[data-v-0630d2fc]:active{cursor:grabbing!important}.scenes-scroll[data-v-0630d2fc]{max-height:70vh;overflow-y:auto;padding-right:8px}.scenes-scroll[data-v-0630d2fc]::-webkit-scrollbar{width:6px}.scenes-scroll[data-v-0630d2fc]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}.card[data-v-854636d4]{transition:box-shadow .2s}.card[data-v-854636d4]:hover{box-shadow:0 4px 20px rgba(0,0,0,.08)}.drag-handle[data-v-854636d4]:active{cursor:grabbing!important}.scenes-scroll[data-v-854636d4]{max-height:70vh;overflow-y:auto;padding-right:8px}.scenes-scroll[data-v-854636d4]::-webkit-scrollbar{width:6px}.scenes-scroll[data-v-854636d4]::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:3px}