.about-me-banner{min-height:calc(100vh - 60px);overflow:hidden}.about-me-banner__container{width:100%;min-height:calc(100vh - 60px);padding:1rem 1.5rem;box-shadow:0 0 2px #5c6266}.about-me-banner__top{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.about-me-banner__top-content{max-width:500px;overflow:hidden}.about-me-banner__top-welcome-msg{margin-top:1rem;font-size:3rem}.dynamic-text-dark:before{background-color:var(--dark-dynamic-text-typeWriter);border-left:2px solid #fff}.dynamic-text-light:before{background-color:var(--light-dynamic-text-typeWriter);border-left:2px solid #000}.about-me-banner-top-right-description{max-width:300px;font-weight:.8rem;text-align:center}.about-me-banner__center{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.about-me__profile-stats,.about-me__profile-stats-right{flex-wrap:wrap;align-items:center;display:flex}.about-me__total-experience,.about-me__total-projects{width:130px;margin-right:1rem;padding:1rem .5rem;box-shadow:0 0 2px #5c6266}.about-me__total-projects{margin-right:0}.about-me__experience-number,.about-me__projects-number{text-align:center;margin-bottom:.5rem;font-size:1.5rem}.about-me__experience-name,.about-me__projects-name{text-align:center;font-size:.8rem}.medium-hidden-stats{margin-top:1rem;display:none}.about-me-banner__center-container{justify-content:center;align-items:center;display:flex}.banner-main-image{position:relative}.banner-main-image img{z-index:2;width:100%;height:100%;position:relative}.banner-main-image:after{content:"";z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:4s ease-in-out infinite float;position:absolute;top:0;bottom:0}.waistband-container{z-index:500;justify-content:center;width:100%;position:relative}.wave-divider{margin:0 auto}.waistband{background:var(--color-gradient-cta);min-width:70%;height:80px;box-shadow:0 10px 25px var(--color-gradient-start);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden;transform:perspective(300px)rotateX(10deg)}.waistband:before{content:"";background:#eec048b3;border-radius:12px 12px 0 0;height:10px;position:absolute;top:0;left:0;right:0}.waistband:after{content:"";background:#eec048b3;border-radius:0 0 12px 12px;height:10px;position:absolute;bottom:0;left:0;right:0}.code-brackets{color:#fff;text-shadow:0 2px 4px #0003;margin-top:1rem;padding-top:2rem;font-family:Courier New,monospace;font-size:20px;font-weight:700}.developer-text{color:#fff;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:20px;font-weight:700}@keyframes float{0%,to{transform:perspective(300px)translateY(0)}50%{transform:perspective(300px)translateY(-5px)}}.wave-divider svg{width:100%;height:60px;display:block}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.05)}}.wave-divider{width:100%;height:120px;position:relative;overflow:hidden}.wave-animation{transform-origin:50%;animation:12s ease-in-out infinite waveScale}@keyframes waveScale{0%,to{transform:scaleY(1)scaleX(1)}50%{transform:scaleY(1.1)scaleX(.95)}}.wave-layer{fill:var(--color-gradient-cta)}.wave-animation path:first-of-type{transform-origin:50%;animation:10s ease-in-out infinite wave1}.wave-animation path:nth-of-type(2){transform-origin:50%;animation:8s ease-in-out infinite wave2}.wave-animation path:nth-of-type(3){transform-origin:50%;animation:6s ease-in-out infinite wave3}@keyframes wave1{0%,to{transform:translateY(0)}25%{transform:translateY(-15px)}50%{transform:translateY(0)}75%{transform:translateY(-10px)}}@keyframes wave2{0%,to{transform:translateY(0)}25%{transform:translateY(10px)}50%{transform:translateY(0)}75%{transform:translateY(5px)}}@keyframes wave3{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}}.gradient-border{border-radius:2px;overflow:hidden}@keyframes typewriter{40%,60%{left:100%}to{left:0%}}@media (min-width:1281px){.waistband,.wave-divider{max-width:50%}}@media (min-width:1025px) and (max-width:1280px){.about-me__profile-stats-right{display:none}.medium-hidden-stats{display:flex}}@media (min-width:822px) and (max-width:1024px){.waistband{min-width:70%}}@media (min-width:768px) and (max-width:1024px){.about-me__profile-stats-right{display:none}.medium-hidden-stats{display:flex}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.about-me__profile-stats-right{display:none}.about-me__profile-stats:last-child{margin-right:0}.medium-hidden-stats{display:flex}.about-me__profile-stats:last-child,.medium-hidden-stats:last-child{margin-right:0}}@media (min-width:768px) and (max-width:866px){.about-me-banner__top-content{text-align:center;margin:0 auto 1rem}.about-me-banner-top-right-description{max-width:45%;margin:0 auto 1rem}}@media (min-width:700px) and (max-width:767px){.medium-hidden-stats{display:flex}.about-me__profile-stats-right{display:none}.about-me__profile-stats:last-child{margin-right:0}.about-me-banner__top-content{text-align:center;width:100%;margin-bottom:1rem}.about-me-banner-top-right-description{width:100%;max-width:95%}}@media (min-width:481px) and (max-width:699px){.about-me-banner__top{justify-content:center}.about-me-banner__container{padding-bottom:2rem}.about-me-banner__top-content{text-align:center;width:100%;margin-bottom:1rem}.about-me-banner-top-right-description{width:100%;max-width:95%}.about-me__total-experience,.about-me__total-projects{width:200px;margin-right:1rem;padding:1rem .5rem;box-shadow:0 0 2px #5c6266}.medium-hidden-stats{display:flex}.about-me__profile-stats-right{display:none}.about-me__profile-stats:last-child{margin-right:0}}@media (min-width:481px) and (max-width:767px){.aboutMe-nav{width:22.5px}.about-me-hero-name{font-size:1rem}.name-intro{font-size:.7rem}.about-me__profile-stats-right{display:none}.about-me__profile-stats:last-child{margin-right:0}.developer-text{font-size:15px}}@media (max-width:480px){.about-me-banner__container{padding-bottom:2rem}.about-me-banner__top{justify-content:center}.about-me-banner__top-content{text-align:center;width:100%;margin-bottom:1rem}.about-me-banner-top-right-description{width:100%;max-width:95%}.about-me__total-experience,.about-me__total-projects{width:125px;margin-right:0;padding:1rem .5rem;box-shadow:0 0 2px #5c6266}.medium-hidden-stats{display:flex}.about-me__profile-stats-right{display:none}.developer-text{font-size:10px}.waistband-container{display:block}.waistband{height:40px}.waistband:before,.waistband:after{height:5px}}
.typewriter-container{font-family:SF Mono,Roboto Mono,monospace;font-size:2rem;font-weight:800;display:inline-block}.typewriter-text{display:inline-block;position:relative}.typewriter-cursor{color:#4f46e5;opacity:1;margin-left:2px;font-weight:300;transition:opacity .1s;display:inline-block;position:relative}.typewriter-cursor.visible{opacity:1}.typewriter-cursor.hidden{opacity:0}@keyframes cursorPulse{0%,to{opacity:1}50%{opacity:0}}.gradient-text{background:linear-gradient(90deg,#4f46e5,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text}