body.fixed-webgl #hero-element{bottom:unset;position:fixed}@keyframes greenPulse{0%{box-shadow:0 20px 20px -20px #32325d33,-30px 10px 60px -30px #54ccb6}50%{box-shadow:0 20px 20px -20px #32325d33,-30px 10px 100px -20px #64ffda}to{box-shadow:0 20px 20px -20px #32325d33,-30px 10px 60px -30px #54ccb6}}#hero-element{z-index:0;transition:transform 2s cubic-bezier(.65,0,.15,1);position:absolute;inset:0}#hero-element.hero--about{z-index:1;pointer-events:none;transition:transform 2s cubic-bezier(.65,0,.15,1) .8s;transform:translate(65vw)}@media screen and (max-width:1280px){#hero-element.hero--about{transform:translate(65vw)}}@media screen and (max-width:768px){#hero-element.hero--about{transition-delay:0s;transform:translate(120vw)}}#hero-element.hero--contact{z-index:1;pointer-events:none;transition:transform 2s cubic-bezier(.65,0,.15,1) .8s;transform:translate(-65vw)}@media screen and (max-width:1280px){#hero-element.hero--contact{transform:translate(-65vw)}}@media screen and (max-width:768px){#hero-element.hero--contact{transition-delay:0s;transform:translate(-120vw)}}#hero-canvas__container{object-fit:cover;z-index:-1;clip-path:polygon(-10% -10%,110% -10%,110% 110%,-10% 110%);background-color:#030205;border-radius:0;width:100%;height:100%;transition:all 1.8s cubic-bezier(.7,0,0,1);position:relative;box-shadow:0 0 20px -10px #0000,0 13px 156px -10px #0000}#hero-canvas__container.hero--about{pointer-events:none;backface-visibility:hidden;clip-path:polygon(-40% -40%,140% -40%,140% 140%,-40% 140%);transition:all 2.5s cubic-bezier(.5,0,0,1);animation:6s ease-in-out infinite alternate greenPulse;transform:scale(.9)perspective(400px)rotateX(2deg);box-shadow:0 20px 20px -20px #32325d33,-30px 10px 60px -30px #54ccb6}@media screen and (max-width:1200px){#hero-canvas__container.hero--about{box-shadow:none}}@media screen and (max-width:768px){#hero-canvas__container.hero--about{transform:scale(.9)}}#hero-canvas__container.hero--contact{pointer-events:none;backface-visibility:hidden;clip-path:polygon(-40% -40%,140% -40%,140% 140%,-40% 140%);transition:all 2.5s cubic-bezier(.5,0,0,1);animation:6s ease-in-out infinite alternate greenPulse;transform:scale(.9)perspective(400px)rotateX(2deg);box-shadow:0 20px 20px -20px #32325d33,30px 10px 60px -30px #54ccb6}@media screen and (max-width:1200px){#hero-canvas__container.hero--contact{box-shadow:none}}@media screen and (max-width:768px){#hero-canvas__container.hero--contact{transform:scale(.9)}}#hero-canvas__container.hero--portfolio-single{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}@media screen and (max-width:992px){#hero-canvas__container.hero--portfolio-single{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}#hero-canvas{border-radius:10px;width:100%;height:100%;position:relative}.floating-lang-icon{opacity:.9;z-index:10;justify-content:center;align-items:center;animation:4s ease-in-out infinite floatIcon;display:flex;position:absolute;left:-50px}@keyframes floatIcon{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}to{transform:translateY(0)rotate(0)}}.hello-world{position:absolute;top:200px;left:120px}.hello-world .code-line__number{background-color:#065f46!important}@media screen and (max-width:1200px){.hello-world{display:none}}.import-from-orlando{position:absolute;top:260px;left:40px}.import-from-orlando .code-line__number{background-color:#065f46!important}@media screen and (max-width:1200px){.import-from-orlando{display:none}}.await-fetch-contact{position:absolute;bottom:260px;right:280px}@media screen and (max-width:1200px){.await-fetch-contact{display:none}}.click-discovery{position:absolute;bottom:200px;right:80px}@media screen and (max-width:1200px){.click-discovery{display:none}}.orange-bar{z-index:1;transform-origin:100%;background:linear-gradient(90deg,#f6f606,#f36c35);border-radius:1px;width:20%;height:8px;animation:1s cubic-bezier(.65,0,.15,1) .8s forwards orangeBarIn;position:absolute;bottom:7.8%;left:25%;transform:scaleX(0);box-shadow:0 2px 8px #6363631a}@keyframes orangeBarIn{0%{transform:scaleX(0)translateZ(0)}to{transform:scaleX(1)translateZ(0)}}.js-icon{z-index:1;width:140px;position:absolute;top:160px;right:120px}@media screen and (max-width:992px){.js-icon{display:none}}.vue-icon{z-index:1;width:60px;position:absolute;bottom:140px;left:130px}@media screen and (max-width:992px){.vue-icon{display:none}}
@keyframes introBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes introTermLine{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes introFadeSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes introAccessGranted{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes introFlickerIn{0%{opacity:0}10%{opacity:.9}16%{opacity:.1}22%{opacity:.95}28%{opacity:.3}34%{opacity:1}to{opacity:1}}@keyframes introCinematicSlam{0%{opacity:0;filter:blur(24px);transform:scale(4)translateY(-10px)}55%{opacity:1;filter:blur();transform:scale(.97)}75%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes introLineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introPulse{0%,to{opacity:.55}50%{opacity:1}}