*{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none}*,img{user-select:none}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}html{max-width:100vw;margin:0;padding:0}body,html{overflow:hidden}body{background-image:url(/images/background.png);background-repeat:no-repeat;background-size:cover;margin:0!important;padding:0!important}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.glass-effect{background:hsla(0,0%,100%,.99)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass-effect{background:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}@font-face{font-family:TTNooks-Black;src:url(/fonts/TTNooks-Black.otf) format("truetype")}@font-face{font-family:TTNooks-Bold;src:url(/fonts/TTNooks-Bold.otf) format("truetype")}@font-face{font-family:TTNooks-Light;src:url(/fonts/TTNooks-Light.otf) format("truetype")}@font-face{font-family:TTNooks-Regular;src:url(/fonts/TTNooks-Regular.otf) format("truetype")}.logo-container{position:relative;width:150px;height:100px}.logo-part{position:absolute;transition:transform .5s ease}.side-1{bottom:0;left:0}.side-1,.side-2{width:100px;z-index:999}.side-2{top:0;left:20px}.side-3{top:50%;left:100px;transform:translate(-50%,-50%)}.side-3,.side-4{z-index:998;height:100px}.side-4{top:0;right:-20px;width:62px}@keyframes rotateSide1{0%,to{transform:rotate(0deg)}50%{transform:rotate(90deg)}}@keyframes translateSide2{0%,to{transform:translateY(.5px)}50%{transform:translate(30px,-30px)}}@keyframes translateRotateSide3{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(10px,20px) rotate(-90deg)}}@keyframes translateRotateSide4{0%,to{transform:translateX(0) rotate(0deg)}50%{transform:translateX(30px) rotate(-180deg)}}.logo-container:hover .side-1{animation:rotateSide1 2s forwards}.logo-container:hover .side-2{animation:translateSide2 2s forwards}.logo-container:hover .side-3{animation:translateRotateSide3 2s forwards}.logo-container:hover .side-4{animation:translateRotateSide4 2s forwards}.home-rope-image{transition:transform .5s ease;z-index:999}.home-rope-image:hover{transform:rotate(90deg)}.home-torus-image{transition:transform .5s ease}.home-torus-image:hover{transform:translate(70px,50px) rotate(45deg)}.home-vortex-image{transition:transform .5s ease}.home-vortex-image:hover{transform:translate(70px,50px) rotate(45deg)}.opacacity-0{opacity:0}.hand-image{width:211px;height:324px}.project-image{width:900px;height:532px}@keyframes initialProjectIn{0%{transform:translate(-100px,-520px) rotate(-10deg)}to{transform:translate(0)}}.initialProjectIn{animation:initialProjectIn 1.8s forwards}@keyframes initialProjectOut{0%{transform:translate(0)}to{transform:translate(-100px,-520px) rotate(-5deg)}}.initialProjectOut{animation:initialProjectOut 2.2s forwards}@keyframes Layer-1-Out{0%{opacity:1;transform:translate(-100px,-520px) rotate(-5deg)}to{opacity:0;transform:translate(-100px,-520px) rotate(-5deg)}}.Layer-1-Out{animation:Layer-1-Out 1s forwards}@keyframes Layer-1-In{0%{opacity:0;transform:translate(-400px,-520px) rotate(-5deg)}to{opacity:1;transform:translate(-100px,-520px) rotate(-5deg)}}.Layer-1-In{animation:Layer-1-In 1s forwards}@keyframes Layer-2-Out{0%{opacity:1;transform:translate(-100px,-460px) rotate(12deg)}to{opacity:0;transform:translate(-600px,-560px) rotate(12deg)}}.Layer-2-Out{animation:Layer-2-Out 1s forwards}@keyframes Layer-2-In{0%{opacity:0;transform:translate(-500px,-600px) rotate(-5deg)}to{opacity:1;transform:translate(-100px,-460px) rotate(12deg)}}.Layer-2-In{animation:Layer-2-In 1s forwards}@keyframes Layer-1-To-2-Out{0%{opacity:1;transform:translate(-100px,-520px) rotate(-5deg)}to{opacity:0;transform:translate(-500px,-520px) rotate(-5deg)}}.Layer-1-To-2-Out{animation:Layer-1-To-2-Out 1s forwards}@keyframes Layer-3-Out{0%{opacity:1;transform:translateY(-510px) rotate(-5deg)}to{opacity:0;transform:translateY(-510px) rotate(-5deg)}}.Layer-3-Out{width:260px;animation:Layer-3-Out 1s forwards}@keyframes Layer-3-In{0%{opacity:0;transform:translate(-400px,-520px) rotate(-5deg)}to{opacity:1;transform:translateY(-510px) rotate(-5deg)}}.Layer-3-In{width:260px;animation:Layer-3-In 1s forwards}@keyframes Layer-3-To-2-Out{0%{opacity:1;transform:translateY(-510px) rotate(-5deg)}to{opacity:0;transform:translateY(-510px) rotate(-5deg)}}.Layer-3-To-2-Out{width:260px;animation:Layer-3-To-2-Out 1s forwards}@keyframes Layer-4-To-3-Out{0%{opacity:1;transform:translate(1200px,-520px) rotate(0deg)}to{opacity:0;transform:translate(2000px,-520px) rotate(0deg)}}.Layer-4-To-3-Out{width:260px;animation:Layer-4-To-3-Out 1s forwards}@keyframes Layer-4-In{0%{opacity:0;transform:translate(1800px,-520px) rotate(-5deg)}to{opacity:1;transform:translate(1200px,-520px) rotate(0deg)}}.Layer-4-In{width:260px;animation:Layer-4-In 1s forwards}@keyframes About-Page-Image{0%{opacity:0;transform:translate(1800px,-80px) rotate(-5deg)}to{opacity:1;transform:translate(1200px,-80px) rotate(0deg)}}.About-Page-Image{width:260px;animation:About-Page-Image 1s forwards}@keyframes homeTitleIn{0%{transform:translateY(-600px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes homeTitleUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-600px);opacity:0}}.homeTitleIn{animation:homeTitleIn 1.5s forwards}.homeTitleUp{animation:homeTitleUp 1.5s forwards}@keyframes homeScrollIn{0%{transform:translate(-500px,-250px)}to{transform:translate(0)}}@keyframes homeScrollUp{0%{transform:translate(0)}to{transform:translate(-500px,-250px);opacity:0}}.homeScrollIn{animation:homeScrollIn 2s forwards}.homeScrollUp{animation:homeScrollUp 2s forwards}@keyframes homeProjectContentIn{0%{transform:translateY(-700px)}to{transform:translateY(0);opacity:1}}.homeProjectContentIn{animation:homeProjectContentIn 2s forwards}@keyframes homeProjectContentUp{0%{transform:translateY(0)}to{transform:translateY(-500px);opacity:0}}.homeProjectContentUp{animation:homeProjectContentUp 2s forwards}@keyframes homeProjectStep5{0%{transform:translateY(-700px)}to{transform:translateY(0)}}.homeProjectStep5{animation:homeProjectStep5 2s forwards}@keyframes homeProjectStep7{0%{transform:translateY(-700px)}to{transform:translate(-300px)}}.homeProjectStep7{animation:homeProjectStep7 2s forwards}@keyframes RopeLayoutInitialAnimation{0%{transform:translateY(350px) rotate(-170deg)}to{transform:translateY(0)}}.RopeLayoutInitialAnimation{animation:RopeLayoutInitialAnimation 2s forwards}@keyframes RopeLayout1Animation{0%{transform:translateY(0)}to{transform:translateY(350px) rotate(-170deg)}}.RopeLayout1Animation{animation:RopeLayout1Animation 2s forwards}@keyframes RopeLayout3To2Animation{0%{transform:translate(-300%,-50%) rotate(-120deg)}to{transform:translateY(350px) rotate(-170deg)}}.RopeLayout3To2Animation{animation:RopeLayout3To2Animation 1.5s forwards}@keyframes RopeLayout2Animation{0%{transform:translateY(350px) rotate(-170deg)}to{transform:translateY(350px) rotate(-170deg)}}.RopeLayout2Animation{animation:RopeLayout2Animation 1.5s forwards}@keyframes RopeLayout3Animation{0%{transform:translateY(350px) rotate(-170deg)}to{transform:translate(-300%,-50%) rotate(-120deg)}}.RopeLayout3Animation{animation:RopeLayout3Animation 1.5s forwards}@keyframes VortexLayoutInitialAnimation{0%{transform:translate(200px,150px) rotate(-50deg)}to{transform:translate(0)}}.VortexLayoutInitialAnimation{animation:VortexLayoutInitialAnimation 2s forwards}@keyframes VortexLayout1Animation{0%{transform:translate(0)}to{transform:translate(200px,150px) rotate(-50deg)}}.VortexLayout1Animation{animation:VortexLayout1Animation 2s forwards}@keyframes VortexLayout2Animation{0%{transform:translate(200px,150px) rotate(-50deg)}to{transform:translate(200px,150px) rotate(-50deg)}}.VortexLayout2Animation{animation:VortexLayout2Animation 1.5s forwards}@keyframes VortexLayout3To2Animation{0%{transform:translate(-400%) rotate(-50deg)}to{transform:translate(200px,150px) rotate(-50deg)}}.VortexLayout3To2Animation{animation:VortexLayout3To2Animation 1.5s forwards}@keyframes VortexLayout3Animation{0%{transform:translate(200px,150px) rotate(-50deg)}to{transform:translate(-400%) rotate(-50deg)}}.VortexLayout3Animation{animation:VortexLayout3Animation 1.5s forwards}@keyframes TorusLayoutInitialAnimation{0%{transform:translateX(200px) rotate(70deg)}to{transform:translateX(0)}}.TorusLayoutInitialAnimation{animation:TorusLayoutInitialAnimation 2s forwards}@keyframes TorusLayout1Animation{0%{transform:translateX(0)}to{transform:translateX(200px) rotate(70deg)}}.TorusLayout1Animation{animation:TorusLayout1Animation 2s forwards}@keyframes TorusLayout2Animation{0%{transform:translateX(200px) rotate(70deg)}to{transform:translateX(200px) rotate(70deg)}}.TorusLayout2Animation{animation:TorusLayout2Animation 1.5s forwards}@keyframes TorusLayout3To2Animation{0%{transform:translate(-300%,150%) rotate(70deg)}to{transform:translateX(200px) rotate(70deg)}}.TorusLayout3To2Animation{animation:TorusLayout3To2Animation 1.5s forwards}@keyframes TorusLayout3Animation{0%{transform:translateX(200px) rotate(70deg)}to{transform:translate(-300%,150%) rotate(70deg)}}.TorusLayout3Animation{animation:TorusLayout3Animation 1.5s forwards}@keyframes Project-Hand-Layer-1-In{0%{transform:translate(-200px,300px);opacity:0}to{transform:translate(0);opacity:1}}.Project-Hand-Layer-1-In{animation:Project-Hand-Layer-1-In .75s forwards}@keyframes Project-Hand-Layer-1-Out{0%{transform:translate(0);opacity:1}to{transform:translate(-200px,300px);opacity:0}}.Project-Hand-Layer-1-Out{animation:Project-Hand-Layer-1-Out .75s forwards}@keyframes Project-Hand-Layer-2-Out{0%{transform:translate(-100px,-45px) rotate(20deg);opacity:1}to{transform:translate(-500px,-45px) rotate(20deg);opacity:0}}.Project-Hand-Layer-2-Out{animation:Project-Hand-Layer-2-Out .75s forwards}@keyframes Project-Hand-Layer-2-In{0%{transform:translate(-200px,300px);opacity:0}to{transform:translate(-100px,-45px) rotate(20deg);opacity:1}}.Project-Hand-Layer-2-In{animation:Project-Hand-Layer-2-In .75s forwards}@keyframes Contanct-Image-In{0%{transform:translate(500px,500px);opacity:0}to{transform:translate(0);opacity:1}}.Contanct-Image-In{animation:Contanct-Image-In .75s forwards}@keyframes Contanct-Image-Out{0%{opacity:1;transform:translate(0)}to{transform:translate(500px,500px);opacity:0}}.Contanct-Image-Out{animation:Contanct-Image-Out .75s forwards}@keyframes Contanct-Info-In{0%{transform:translateY(-300px);opacity:0}to{transform:translateY(0);opacity:1}}.Contanct-Info-In{animation:Contanct-Info-In .75s forwards}@keyframes Contanct-Info-Out{0%{opacity:0}to{opacity:0}}.Contanct-Info-Out{opacity:0;animation:Contanct-Info-Out .75s forwards}@media (max-width:1919.98px){.project-image{width:648px;height:383px}.dash-image{width:356px;height:258px}.rope-image{width:319px;height:316px}.torus-image{width:213px;height:205px}.vortex-image{width:264px;height:265px}@keyframes initialProjectIn{0%{transform:translate(-100px,-360px) rotate(-10deg)}to{transform:translate(0)}}.initialProjectIn{animation:initialProjectIn 1.8s forwards}@keyframes initialProjectOut{0%{transform:translate(0)}to{transform:translate(-100px,-360px) rotate(-5deg)}}.initialProjectOut{animation:initialProjectOut 2.2s forwards}@keyframes Layer-1-Out{0%{opacity:1;transform:translate(-100px,-360px) rotate(-5deg)}to{opacity:0;transform:translate(-100px,-360px) rotate(-5deg)}}.Layer-1-Out{animation:Layer-1-Out 1s forwards}@keyframes Layer-1-In{0%{opacity:0;transform:translate(-400px,-360px) rotate(-5deg)}to{opacity:1;transform:translate(-100px,-360px) rotate(-5deg)}}.Layer-1-In{animation:Layer-1-In 1s forwards}@keyframes Layer-2-Out{0%{opacity:1;transform:translate(-100px,-330px) rotate(12deg)}to{opacity:0;transform:translate(-600px,-500px) rotate(12deg)}}.Layer-2-Out{animation:Layer-2-Out 1s forwards}@keyframes Layer-2-In{0%{opacity:0;transform:translate(-500px,-540px) rotate(-5deg)}to{opacity:1;transform:translate(-100px,-320px) rotate(12deg)}}.Layer-2-In{animation:Layer-2-In 1s forwards}@keyframes Layer-1-To-2-Out{0%{opacity:1;transform:translate(-100px,-330px) rotate(-5deg)}to{opacity:0;transform:translate(-500px,-330px) rotate(-5deg)}}.Layer-1-To-2-Out{animation:Layer-1-To-2-Out 1s forwards}@keyframes Layer-3-Out{0%{opacity:1;transform:translateY(-360px) rotate(-5deg)}to{opacity:0;transform:translateY(-360px) rotate(-5deg)}}.Layer-3-Out{width:260px;animation:Layer-3-Out 1s forwards}@keyframes Layer-3-In{0%{opacity:0;transform:translate(-400px,-330px) rotate(-5deg)}to{opacity:1;transform:translateY(-360px) rotate(-5deg)}}.Layer-3-In{width:260px;animation:Layer-3-In 1s forwards}@keyframes Layer-3-To-2-Out{0%{opacity:1;transform:translateY(-360px) rotate(-5deg)}to{opacity:0;transform:translateY(-360px) rotate(-5deg)}}.Layer-3-To-2-Out{width:260px;animation:Layer-3-To-2-Out 1s forwards}@keyframes Layer-4-To-3-Out{0%{opacity:1;transform:translate(1200px,-360px) rotate(0deg)}to{opacity:0;transform:translate(2000px,-360px) rotate(0deg)}}.Layer-4-To-3-Out{width:260px;animation:Layer-4-To-3-Out 1s forwards}@keyframes Layer-4-In{0%{opacity:0;transform:translate(1800px,-360px) rotate(-5deg)}to{opacity:1;transform:translate(700px,-360px) rotate(0deg)}}.Layer-4-In{width:260px;animation:Layer-4-In 1s forwards}@keyframes About-Page-Image{0%{opacity:0;transform:translate(1800px,-80px) rotate(-5deg)}to{opacity:1;transform:translate(700px,-80px) rotate(0deg)}}.About-Page-Image{width:260px;animation:About-Page-Image 1s forwards}@keyframes homeProjectStep7{0%{transform:translateY(-700px)}to{transform:translate(-100px)}}.homeProjectStep7{animation:homeProjectStep7 2s forwards}@keyframes RopeLayoutInitialAnimation{0%{transform:translateY(250px) rotate(-170deg)}to{transform:translateY(0)}}.RopeLayoutInitialAnimation{animation:RopeLayoutInitialAnimation 2s forwards}@keyframes RopeLayout1Animation{0%{transform:translateY(0)}to{transform:translateY(250px) rotate(-170deg)}}.RopeLayout1Animation{animation:RopeLayout1Animation 2s forwards}@keyframes RopeLayout3To2Animation{0%{transform:translate(-300%,-50%) rotate(-120deg)}to{transform:translateY(250px) rotate(-170deg)}}.RopeLayout3To2Animation{animation:RopeLayout3To2Animation 1.5s forwards}@keyframes RopeLayout2Animation{0%{transform:translateY(250px) rotate(-170deg)}to{transform:translateY(250px) rotate(-170deg)}}.RopeLayout2Animation{animation:RopeLayout2Animation 1.5s forwards}@keyframes RopeLayout3Animation{0%{transform:translateY(250px) rotate(-170deg)}to{transform:translate(-300%,-50%) rotate(-120deg)}}.RopeLayout3Animation{animation:RopeLayout3Animation 1.5s forwards}@keyframes VortexLayoutInitialAnimation{0%{transform:translate(150px,50px) rotate(-50deg)}to{transform:translate(0)}}.VortexLayoutInitialAnimation{animation:VortexLayoutInitialAnimation 2s forwards}@keyframes VortexLayout1Animation{0%{transform:translate(0)}to{transform:translate(150px,50px) rotate(-50deg)}}.VortexLayout1Animation{animation:VortexLayout1Animation 2s forwards}@keyframes VortexLayout2Animation{0%{transform:translate(150px,50px) rotate(-50deg)}to{transform:translate(150px,50px) rotate(-50deg)}}.VortexLayout2Animation{animation:VortexLayout2Animation 1.5s forwards}@keyframes VortexLayout3To2Animation{0%{transform:translate(-400%) rotate(-50deg)}to{transform:translate(150px,50px) rotate(-50deg)}}.VortexLayout3To2Animation{animation:VortexLayout3To2Animation 1.5s forwards}@keyframes VortexLayout3Animation{0%{transform:translate(150px,50px) rotate(-50deg)}to{transform:translate(-400%) rotate(-50deg)}}.VortexLayout3Animation{animation:VortexLayout3Animation 1.5s forwards}@keyframes TorusLayoutInitialAnimation{0%{transform:translateX(150px) rotate(70deg)}to{transform:translateX(0)}}.TorusLayoutInitialAnimation{animation:TorusLayoutInitialAnimation 2s forwards}@keyframes TorusLayout1Animation{0%{transform:translateX(0)}to{transform:translateX(150px) rotate(70deg)}}.TorusLayout1Animation{animation:TorusLayout1Animation 2s forwards}@keyframes TorusLayout2Animation{0%{transform:translateX(150px) rotate(70deg)}to{transform:translateX(150px) rotate(70deg)}}.TorusLayout2Animation{animation:TorusLayout2Animation 1.5s forwards}@keyframes TorusLayout3To2Animation{0%{transform:translate(-300%,150%) rotate(70deg)}to{transform:translateX(150px) rotate(70deg)}}.TorusLayout3To2Animation{animation:TorusLayout3To2Animation 1.5s forwards}@keyframes TorusLayout3Animation{0%{transform:translateX(150px) rotate(70deg)}to{transform:translate(-300%,150%) rotate(70deg)}}.TorusLayout3Animation{animation:TorusLayout3Animation 1.5s forwards}.social-instagram,.social-linkedin,.social-mail,.social-tel{width:90px;height:140px}}@media (max-width:1000px){.logo-container{position:relative;width:75px;height:50px}.logo-part{position:absolute;transition:transform .5s ease}.side-1{bottom:0;left:0}.side-1,.side-2{width:50px;z-index:999}.side-2{top:0;left:10px}.side-3{top:50%;left:50px;transform:translate(-50%,-50%)}.side-3,.side-4{z-index:998;height:50px}.side-4{top:0;right:-8px;width:30px}.project-image{width:342px;height:243px}.hand-container{position:absolute;bottom:0;left:0}.hand-image{width:135px;height:200px}.mobil-torus-image{transform:rotate(70deg)}}@media (max-width:1000px){@keyframes initialProjectIn{0%{transform:translateY(100px) rotate(-10deg)}to{transform:translate(0)}}.initialProjectIn{animation:initialProjectIn .75s forwards}@keyframes initialProjectOut{0%{transform:translate(0)}to{transform:translateY(80px) rotate(-10deg)}}.initialProjectOut{animation:initialProjectOut .75s forwards}@keyframes Layer-1-Out{0%{opacity:1;transform:translateY(80px) rotate(-10deg)}to{opacity:0;transform:translate(500px,80px) rotate(-10deg)}}.Layer-1-Out{animation:Layer-1-Out .75s forwards}@keyframes Layer-1-In{0%{opacity:0;transform:translate(-500px,80px) rotate(-10deg)}to{opacity:1;transform:translateY(80px) rotate(-10deg)}}.Layer-1-In{animation:Layer-1-In .75s forwards}@keyframes Layer-2-Out{0%{opacity:1;transform:translateY(80px) rotate(10deg)}to{opacity:0;transform:translate(-500px,80px) rotate(10deg)}}.Layer-2-Out{animation:Layer-2-Out .75s forwards}@keyframes Layer-2-In{0%{opacity:0;transform:translate(500px,80px) rotate(10deg)}to{opacity:1;transform:translateY(80px) rotate(10deg)}}.Layer-2-In{animation:Layer-2-In .75s forwards}@keyframes Layer-1-To-2-Out{0%{transform:translateY(80px) rotate(-10deg)}to{transform:translate(-500px,80px) rotate(10deg)}}.Layer-1-To-2-Out{animation:Layer-1-To-2-Out .75s forwards}@keyframes Layer-3-Out{0%{opacity:1;transform:translate(-40px,80px) rotate(-10deg)}to{opacity:0;transform:translate(-40px,570px) rotate(-10deg)}}.Layer-3-Out{width:260px;animation:Layer-3-Out .75s forwards}@keyframes Layer-3-In{0%{opacity:0;transform:translateY(570px) rotate(0deg)}to{opacity:1;transform:translate(-40px,80px) rotate(-10deg)}}.Layer-3-In{width:260px;animation:Layer-3-In .75s forwards}@keyframes Layer-3-To-2-Out{0%{opacity:1;transform:translate(-40px,80px) rotate(-10deg)}to{opacity:0;transform:translate(-40px,570px) rotate(-10deg)}}.Layer-3-To-2-Out{width:260px;animation:Layer-3-To-2-Out .75s forwards}@keyframes Layer-4-To-3-Out{0%{opacity:1;transform:translate(-40px,100px) rotate(0deg)}to{opacity:0;transform:translate(-40px,570px) rotate(0deg)}}.Layer-4-To-3-Out{width:260px;animation:Layer-4-To-3-Out .75s forwards}@keyframes Layer-4-In{0%{opacity:0;transform:translateY(570px) rotate(0deg)}to{opacity:1;transform:translate(-40px,100px) rotate(0deg)}}.Layer-4-In{width:260px;animation:Layer-4-In .75s forwards}@keyframes About-Page-Image{0%{opacity:0;transform:translate(1800px,-80px) rotate(-5deg)}to{opacity:1;transform:translate(-40px,200px) rotate(0deg)}}.About-Page-Image{width:260px;animation:About-Page-Image 1s forwards}}@media (max-width:1000px){@keyframes homeProjectContentIn{0%{transform:translateY(-700px)}to{transform:translateY(0);opacity:1}}.homeProjectContentIn{animation:homeProjectContentIn .75s forwards}@keyframes homeProjectContentUp{0%{transform:translateY(0)}to{transform:translateY(-500px);opacity:0}}.homeProjectContentUp{animation:homeProjectContentUp .75s forwards}@keyframes mobilContactInfoIn{0%{transform:translateY(-700px)}to{transform:translateY(120px)}}.mobilContactInfoIn{animation:mobilContactInfoIn .75s forwards}@keyframes mobileRopeUp{0%{transform:translate(0)}to{transform:translate(150px,110px)}}.mobileRopeUp{animation:mobileRopeUp .75s forwards}@keyframes mobileRopeIn{0%{transform:translate(150px,110px)}to{transform:translate(0)}}.mobileRopeIn{animation:mobileRopeIn .75s forwards}@keyframes mobileRopeIn-2{0%{transform:translate(150px,110px)}to{transform:translate(100px,100px)}}.mobileRopeIn-2{animation:mobileRopeIn-2 .75s forwards}@keyframes mobileTorusUp{0%{transform:translate(0)}to{transform:translate(50px,-50px)}}.mobileTorusUp{animation:mobileTorusUp .75s forwards}@keyframes mobileTorusIn{0%{transform:translate(50px,-50px)}to{transform:translate(0)}}.mobileTorusIn{animation:mobileTorusIn .75s forwards}@keyframes Project-Hand-Layer-1-In{0%{transform:translate(-200px,300px);opacity:0}to{transform:translate(0);opacity:1}}.Project-Hand-Layer-1-In{animation:Project-Hand-Layer-1-In .5s forwards;animation-delay:.5s}@keyframes Project-Hand-Layer-1-Out{0%{transform:translate(0);opacity:1}to{transform:translate(-200px,300px);opacity:0}}.Project-Hand-Layer-1-Out{animation:Project-Hand-Layer-1-Out .5s forwards}@keyframes Project-Hand-Layer-2-In{0%{transform:translate(-200px,300px);opacity:1}to{transform:translateY(-55px) rotate(20deg);opacity:1}}.Project-Hand-Layer-2-In{animation:Project-Hand-Layer-2-In .5s forwards}@keyframes Project-Hand-Layer-1-In-Last{0%{transform:translate(-200px,300px);opacity:0}to{transform:translate(60px,5px);opacity:1}}.Project-Hand-Layer-1-In-Last{animation:Project-Hand-Layer-1-In-Last .5s forwards;animation-delay:.5s}.social-instagram,.social-linkedin,.social-mail,.social-tel{width:70px;height:100px}}