.bakground-image-header{background-repeat:no-repeat;background-size:100% 100%}.header-container{--bg-color:rgb(57,5,39);background-image:conic-gradient(var(--bg-color) 0deg,transparent 30deg,transparent 60deg,var(--bg-color) 90deg,transparent 120deg,transparent 150deg,var(--bg-color) 180deg,transparent 210deg,transparent 240deg,var(--bg-color) 270deg,transparent 300deg,transparent 330deg,var(--bg-color) 1turn)}.nav-item{color:#fff;transition:all .2s ease}.nav-item:hover{color:#64ffda;transform:scale(1.05)}.letter-icon{color:#64ffda;animation:rotate_border 1s ease-in 1s infinite forwards;transition:transform .3s ease-in-out;cursor:pointer}.letter-icon:hover{transform:scale(1.1)}.resume-button{background-color:transparent;color:#64ffda;height:2.5rem;width:6rem;position:relative;overflow:hidden;display:inline-flex;border:1px solid #64ffda;z-index:1}.resume-button:hover{color:#0a0a0a;font-weight:600}.resume-button:before{content:"";position:absolute;background-color:#64ffda;left:0;right:0;top:0;bottom:0;border-radius:.2rem;z-index:-1;width:0;transition:all .3s ease-in}.resume-button:hover:before{width:100%}@keyframes rotate_border{0%{border:2px solid #282d42;border-left-color:#64ffda}25%{border:2px solid #282d42;border-top-color:#64ffda}50%{border:2px solid #282d42;border-right-color:#64ffda}to{border:2px solid #282d42;border-bottom-color:#64ffda}}.navbar button,.navbar span{animation:slideRight .4s ease-in-out forwards;animation-delay:calc(.1s * var(--nav-item));opacity:0}@keyframes slideRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.name-wrapper{--border-radius:5px;--background:#2b2d2f;background:var(--background);padding:1rem;position:relative;border-radius:var(--border-radius);overflow:hidden;isolation:isolate;box-shadow:0 0 20px rgba(0,0,0,.5);height:max-content}.name-wrapper:hover:before{animation-play-state:paused}.name-wrapper:after,.name-wrapper:before{content:"";position:absolute}.name-wrapper:before{background-image:conic-gradient(rgb(215,6,142) 0deg,#06f84a 90deg,rgb(215,6,142) 180deg,#06f84a 270deg,rgb(215,6,142) 1turn);inset:-100%;width:300%;height:300%;animation:animate-border 3.5s linear infinite;z-index:-2}@keyframes animate-border{to{transform:rotate(-1turn)}}.name-wrapper:after{--inset:3px;inset:var(--inset);background:#111;border-radius:calc(var(--border-radius)-var(--inset));transition:all .3s linear;z-index:-1}.name-wrapper:hover:after{background:var(--background)}.learn-more,.name-wrapper>*{opacity:0;animation:fadeIn .5s ease-in-out 1s 1 forwards;animation-delay:calc(.2s * var(--i))}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.intro{background:linear-gradient(90deg,#fc72ff,#8f68ff,#8f68ff,#fc72ff);-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-size:200%;font-weight:700;animation:animate-gradient 1.2s linear infinite}@keyframes animate-gradient{to{background-position:200%}}