@charset "UTF-8";@keyframes moveToRight{0%{transform:translate(0)}to{transform:translate(25px,25px)}}.moveToRight{animation-name:moveToRight;animation-duration:3s;animation-iteration-count:infinite}@keyframes moveToLeft{0%{transform:translate(0)}to{transform:translate(-25px,25px)}}.moveToLeft{animation-name:moveToLeft;animation-duration:3s;animation-iteration-count:infinite}@keyframes moveUp{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.moveUp{transition:transform .4s ease-in-out;display:inline-block}.moveUp:hover{transform:translateY(-15px)}@keyframes arrowDown{0%{transform:translateY(-180px)}to{transform:translateY(120px)}}.arrowDown{animation:arrowDown 2s infinite}@keyframes backLoop{0%{transform:translate(0) translateZ(0)}33%{transform:translate(60px) translateZ(-125px)}66%{transform:translate(-60px) translateZ(-125px)}to{transform:translate(0) translateZ(0)}}.loopImage{transform-style:preserve-3d;display:block;transition:transform .4s}.is-animating{animation:backLoop .4s 1 ease-in-out}@keyframes rotateAndGrow{0%{opacity:0;transform:rotate(0) scale(.8)}to{opacity:1;transform:rotate(-120deg) scale(1.2)}}@keyframes flyRightToLeft{0%{transform:translate(200px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes flyLeftToRight{0%{transform:translate(-200px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes frameReveal{0%{opacity:0}to{opacity:1}}@keyframes imageReveal{0%{filter:grayscale(100%)}to{filter:none}}@keyframes flyTopToBottom{0%{transform:translateY(-130px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideUnderline{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.slide-underline{position:relative;display:inline-block;text-decoration:none;font-weight:lighter}.slide-underline:after{content:"";position:absolute;left:65%;bottom:-2px;width:35%;height:2px;background-color:#00b894;opacity:0}.slide-underline:hover:after{animation:slideUnderline .2s ease-out forwards}@keyframes stretchArrow{0%{transform:scaleY(1)}50%{transform:scaleY(1.5)}to{transform:scaleY(1)}}.arrow-up{display:inline-block;transform-origin:bottom center;transition:transform .3s ease}.arrow-up:hover{transform:scaleY(1.4)}@keyframes slideBurgerMenu{}.padding{padding-bottom:0;padding-top:0;padding-left:clamp(12px,5%,48px);padding-right:clamp(12px,5%,48px)}.max-width{max-width:1440px;width:100%}.structure{width:100%;display:flex;justify-content:center}#above-the-fold{scroll-margin-top:120px}#say-hi{scroll-margin-top:140px}#my-skills,#about-me{scroll-margin-top:130px}#portfolio{scroll-margin-top:-110px}.no-scroll{overflow:hidden}p{font-size:clamp(16px,5dvw,24px)}h1{font-size:clamp(33px,8dvw,140px);font-family:Syne Variable,sans-serif;font-weight:800}h2{font-size:clamp(30px,8dvw,100px);font-family:Syne Variable,sans-serif}h2:hover{color:#00bc8f}h3{font-size:clamp(24px,5dvw,48px)}.button-one{width:250px;border:4px solid white;filter:brightness(.5);background-color:transparent;padding:10px 24px;font-size:24px;transition:width .3s ease}.button-one.is-valid:hover{cursor:pointer;width:300px;font-weight:700;filter:brightness(1)}.button-two{width:200px;border:4px solid black;background-color:transparent;padding:10px 24px;font-size:24px;transition:width .3s ease;text-align:center}.button-two:hover{cursor:pointer;width:250px;font-weight:700}@font-face{font-family:Syne Variable;src:url("./media/Syne-VariableFont_wght-ZD7U2QQ7.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}*{position:relative;padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box;scroll-behavior:smooth;font-size:inherit;color:inherit;font-family:inherit;background-color:inherit}#body{background-image:radial-gradient(circle at 1px 1px,#e9ddcb 2px,#fffcf3 1px);background-size:clamp(80px,10vw,150px) clamp(80px,10vw,150px);background-repeat:repeat;width:100%;height:100%}