.fade-in-section{opacity:0;transform:translateY(20px);transition:.6s ease-out,transform .6s ease-out}.fade-in{opacity:1;transform:translateY(0)}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.contact-wrapper{box-shadow:inset 0 10px 15px -10px rgba(0,0,0,.3)}.copy-tooltip{background-color:#000!important}#contact-btn{transition:.25s!important;position:relative;overflow:hidden}#contact-btn:after{content:"";position:absolute;width:40px;height:100%;background-color:hsla(0,0%,100%,.5);top:0;right:150%;transform:skewX(-45deg);animation:shine 5.5s infinite;filter:blur(4px)}@keyframes shine{0%{right:150%}20%{right:-50%}to{right:-50%}}.year{background:linear-gradient(-45deg,#d19e1d,#ffd86e,#e3a812);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.dot{position:relative}.dot:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;top:17px;left:-6px}.border-cutoff-bottom,.border-cutoff-top{position:relative}.border-cutoff-top:before{content:"";position:absolute;top:0;left:-2px;width:4px;height:7%;transition:.25s}.border-cutoff-bottom:before{content:"";position:absolute;bottom:0;left:-2px;width:4px;height:80%;transition:.25s ease-in-out}.hero{box-shadow:inset 0 -10px 15px -10px rgba(0,0,0,.3);position:relative}.hero-text div{animation:heroText 8s cubic-bezier(.075,.82,.165,1) infinite}@keyframes heroText{0%{transform:translateY(-1.25%)}20%{transform:translateY(-17.92%)}40%{transform:translateY(-34.58%)}60%{transform:translateY(-51.25%)}80%{transform:translateY(-67.92%)}to{transform:translateY(-84.58%)}}.scroll-indicator{height:64px;width:64px;transform:rotate(-45deg) translateX(-50%);position:absolute;bottom:24px;left:50%;animation:scrollIndicator 3s ease infinite}#scroll-down:after{content:"";display:block;width:24px;height:24px;border-bottom:2px solid;border-left:2px solid}@keyframes scrollIndicator{0%{transform:translateY(0) rotate(-45deg) translateX(-50%)}50%{transform:translateY(16px) rotate(-45deg) translateX(-50%)}to{transform:translateY(0) rotate(-45deg) translateX(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation:fadeIn 1s ease-in-out forwards}body.no-scroll{overflow:hidden}nav{height:64px;user-select:none;backdrop-filter:blur(12px)}.menu-button{z-index:3}.nav-menu{position:fixed;top:0;left:0;height:100dvh;transform:translateX(-100%);transition:transform .25s ease,background-color .25s ease;z-index:2}.nav-menu.open{transform:translateX(0)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);opacity:0;transition:.25s ease;z-index:1}.overlay.open{opacity:1}.menu-text{height:24px}.menu-text *{transition:transform .25s ease}.menu-text.open *{transform:translateY(-100%)}.hamburger-menu{width:20px;height:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;overflow:hidden}.cross,.line{width:100%;height:2px;transition:all .25s ease}.cross{position:absolute}.open.top{transform:translateY(-12px)}.open.middle .cross:first-child{transform:rotate(45deg)}.open.middle .cross:last-child{transform:rotate(-45deg)}.open.bottom{transform:translateY(12px)}.menu-item{cursor:pointer}.menu-item span{position:relative}.menu-item span:after{content:"";display:block;position:absolute;width:0;height:2px;transition:width .25s ease}.chev{opacity:0;transform:translateX(-24px);transition:all .25s ease}.menu-item:hover .chev{transform:translateX(0);opacity:1}.menu-item:hover span:after{width:100%}.mail{transition:all .25s ease}.mail:hover{transform:scale(1.1)}#toggle{cursor:pointer;transition:all .25s ease;bottom:32px;right:32px}#toggle:hover{transform:scale(1.1)}#mode-toggle{opacity:0}.toggle-icon{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%)}.skill{position:relative;padding:16px;border-radius:12px;overflow:hidden;transition:all .3s}.skill:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#d19e1d,#ffd86e,#e3a812);opacity:0;transition:opacity .3s;z-index:0}.skill:active:before,.skill:hover:before{opacity:1}.skill>div,.skill>p{position:relative;z-index:1;transition:transform .3s,opacity .3s}.skill>div,.skill>p{position:absolute}.skill>p{opacity:0;z-index:1;transition:transform .25s,opacity .25s,background-color .25s ease-in-out}.skill:active>div,.skill:hover>div{transform:translateY(-16px)}.skill:active>p,.skill:hover>p{transform:translateY(16px);opacity:1}.skillbox{transition:transform .25s;box-shadow:0 0 0 0 rgba(212,175,55,0)}.skillbox:hover{box-shadow:0 0 40px 8px rgba(212,175,55,.35)}