.nav-links-container{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:1000;padding:.25rem 1rem;background-color:var(--primary-black);color:var(--primary-white);border-radius:1rem;border:2px solid white;box-shadow:0 0 2px #fff,0 0 4px #fff}.nav-links{display:flex;justify-content:space-between;gap:.2rem;max-width:600px;list-style-type:none}.nav-link{display:flex;justify-content:center;align-items:center;padding:.25rem 1rem;transition:all .3s var(--transition)}.nav-link:hover{background-color:#2c2c2c;border-radius:.8rem}.nav-link.active{color:var(--neon-purple);background-color:#2c2c2c;border-radius:.8rem}.nav-icon{display:flex;font-size:2rem}.nav-title{font-size:1rem;display:none;text-transform:capitalize;margin-left:.5rem}@media screen and (min-width: 768px){.nav-icon{font-size:1.5rem}.nav-title{display:block}}.hero-section{display:grid}.hero-left-column{display:grid;grid-template-rows:auto auto auto;gap:.8rem;margin-bottom:4rem}.hero-intro,.hero-desc{text-align:center}.hero-intro{align-self:self-end}.hero-up-title{color:var(--primary-color-300);font-size:2rem;margin:.2rem}.hero-title{font-size:3rem;margin:.2rem}.hero-stroke-text{color:var(--primary-black);-webkit-text-stroke:1.5px white;text-shadow:0 0 2px white,0 0 4px white}.hero-info{margin:.4rem;color:var(--primary-color-400)}.hero-btn-container{text-align:center}.btn.btn-hero{color:var(--primary-white);border-radius:2rem;padding:.5rem .75rem;margin-right:.5rem;font-size:1rem;display:inline-flex;align-items:center;border:1px solid var(--neon-purple)}.btn.btn-hero-resume{border:1px solid var(--neon-purple);background-color:#a24cf2}.resume-download-icon{margin-left:.3rem;font-size:.75rem}.btn.btn-hero-contact:hover{background-color:#a24cf2}.btn.btn-hero-resume:hover{background-color:var(--neon-pink);border:1px solid var(--neon-pink)}.hero-desc{font-size:1.2rem;align-self:center}.typewriter-text{color:#a24cf2}.hero-right-column{display:none;justify-content:flex-start;align-content:center;margin-bottom:4rem}.hero-img{border-radius:50%;width:100%;max-width:400px}@media screen and (min-width: 768px){.hero-section{grid-template-columns:2fr 1fr}.hero-right-column{display:block}.hero-intro,.hero-desc{justify-self:unset;text-align:unset}.hero-desc{justify-self:flex-start}.hero-title{font-size:5rem}.hero-btn-container{text-align:unset}}.skills-achievements-container{display:flex;flex-direction:column;gap:2rem;width:100%}.skills-container,.achievements-container{padding:.75rem;border-radius:var(--border-radius);color:var(--primary-color-300)}.sub-title{font-size:1.5rem;text-align:center;margin-bottom:1rem;color:var(--primary-white)}.skills-grid,.achievements-grid{display:grid;gap:1rem;place-items:center;align-items:stretch}.achievements-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.skill-item,.achievement-item{display:flex;flex-direction:column;align-items:center;border:2px solid var(--primary-color-600);border-radius:var(--border-radius);transition:all .2s ease;padding:1rem .2rem;width:100%;max-width:50rem}.achievement-item{min-height:15rem}.skill-icon,.achievement-icon{font-size:2rem;padding:1rem 1rem .2rem}.skill-name,.achievement-title{margin-top:.5rem;text-align:center;font-weight:700;text-transform:capitalize}.achievement-title{font-size:1.1rem}.achievement-company{font-size:1rem;text-align:center}.achieve-btn-container{padding-top:.75rem;text-align:right}.achieve-btn{color:var(--primary-color-300);display:inline-flex;align-items:center;gap:.3rem}.achieve-btn:hover{color:var(--neon-purple)}.skill-name{font-size:.8rem}.achievement-description{font-size:.8rem;text-align:center;margin-top:.5rem}.skill-item:hover,.achievement-item:hover{border:2px solid var(--neon-purple);color:var(--neon-purple);box-shadow:var(--shadow-neon-purple)}@media screen and (min-width: 768px){.achievements-grid{grid-template-columns:repeat(2,1fr)}.skills-grid{grid-template-columns:repeat(4,auto)}.skill-icon,.achievement-icon{font-size:3rem}.skill-name{font-size:1rem}}#about{min-height:70vh!important}.about-contact-container{display:grid;align-items:center;justify-items:center}.about-img-container{display:none}.about-img{width:100%;max-width:500px}.about-right-column{display:grid;gap:2rem}.about-info{margin-top:1rem;text-align:center;color:var(--primary-color-300)}.contact-container{text-align:center;display:flex;flex-direction:column;align-items:center}.contact-container h2{margin:1rem 0}.contact-details{display:flex;gap:.5rem;margin:.25rem 0;color:var(--primary-color-300);text-align:center}.about-socials{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.5rem}.contact-details:hover,.about-socials a:hover{color:var(--neon-purple)}@media screen and (min-width: 768px){.about-contact-container{grid-template-columns:repeat(2,1fr)}.about-img-container{display:block}.about-right-column{grid-template-rows:auto}.about-info{text-align:unset}.contact-container{align-items:start}}.home-projects{display:grid;gap:1rem;padding:1rem}.project-card{background-color:#000;border:1px solid var(--primary-white);border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);border-color:var(--neon-purple);box-shadow:0 6px 12px #0003}.card-img{width:100%;height:200px}.project-card-img{width:100%;height:100%;object-fit:cover}.card-info{padding:1rem;text-align:left;text-transform:capitalize}.btn-container{text-align:center;margin-top:.5rem}.show-more-proj-btn{padding:.5rem 1rem;border-radius:var(--border-radius);border:2px solid var(--neon-purple)}.show-more-proj-btn:hover{color:var(--neon-purple);box-shadow:var(--shadow-neon-purple)}@media screen and (min-width: 768px){.home-projects{grid-template-columns:repeat(2,1fr)}.project-card{flex-direction:row;align-items:center}.card-img{width:200px;height:150px;flex-shrink:0}}footer{background-color:var(--primary-black);color:var(--primary-white);width:100%;padding:1rem;text-align:center;padding-bottom:30vh;font-size:.85rem;color:#aaa}.projects{padding:5rem 0}.project{border:2px solid white;display:block;border-radius:.35rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:.3s ease-in-out all}.project:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.project .img{width:100%;display:block;object-fit:cover;height:15rem;border-top-right-radius:.25rem;border-top-left-radius:.25rem}.projects-center{width:90vw;max-width:1120px;margin:3rem auto 0;display:grid;gap:2rem}.projects-center a h5{padding:.35rem;text-align:center}@media (min-width: 768px){.projects-center{grid-template-columns:1fr 1fr}}@media (min-width: 992px){.projects-center{grid-template-columns:1fr 1fr 1fr}}.timeline{position:relative;max-width:100%;margin:0 auto;padding:20px 10px}.timeline:before{content:"";position:absolute;width:4px;height:100%;background-color:var(--neon-purple)}.timeline-item{position:relative;width:100%;margin:10px 0;padding:10px 20px 10px 40px}.timeline-item .timeline-content{padding:15px;border-radius:8px;border:2px solid white;box-shadow:0 0 2px #ffffff9f;transition:.3s ease-in-out all}.timeline-content h3{color:var(--primary-color-300);font-size:1em}.timeline-content h4{color:var(--primary-color-200);font-size:1.25em;margin-bottom:5px}.timeline-content p{color:var(--primary-color-500)}.timeline-content:hover{border:2px solid var(--neon-purple);color:var(--neon-purple);box-shadow:var(--shadow-neon-purple);transform:scale(1.05)}@media (min-width: 768px){.timeline{padding:40px 0}.timeline:before{left:50%}.timeline-item{width:50%;padding:20px 20px 20px 0}.timeline-item.left{left:0;text-align:right;padding-right:40px}.timeline-item.right{left:50%;padding-left:40px}}*,:after,:before{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,sans-serif}:root{--primary-white: #ffffff;--primary-color-100: #f5f5f5;--primary-color-200: #eeeeee;--primary-color-300: #e0e0e0;--primary-color-400: #bdbdbd;--primary-color-500: #9e9e9e;--primary-color-600: #757575;--primary-color-700: #616161;--primary-color-800: #424242;--primary-color-900: #212121;--primary-color-950: #121212;--primary-color-960: #0e0e0e;--primary-color-970: #0a0a0a;--primary-color-980: #050505;--primary-black: #000000;--neon-pink: #ff1dce;--neon-green: #39ff14;--neon-blue: #0ff0fc;--neon-yellow: #f8ff00;--neon-orange: #ff6e00;--neon-purple: #b033ff;--shadow-neon-purple: 0 0 2px var(--neon-purple), 0 0 4px var(--neon-purple), 0 0 6px var(--neon-purple);--border-radius: .4rem;--transition: .2s}html{scroll-behavior:smooth}main{background-color:var(--primary-color-950);overflow:hidden}.main-container{display:flex;flex-direction:column;color:var(--primary-white);padding:0 1rem}.title{font-size:2rem;text-align:center}.title-underline{height:3px;width:5rem;background-color:var(--neon-purple);box-shadow:var(--shadow-neon-purple);margin:.25rem auto 2rem;border-radius:var(--border-radius)}.sections{padding:.75rem;min-height:100vh}.loading{margin:2rem auto;width:3rem;height:3rem;border-radius:50%;border:4px solid var(--neon-purple);border-top-color:var(--neon-pink);animation:spinner .6s linear infinite}.btn{outline:none;background:none;cursor:pointer;border:none}a{text-decoration:none;color:var(--primary-white)}@keyframes spinner{to{transform:rotate(360deg)}}@media screen and (min-width: 768px){.main-container{max-width:1200px;margin:0 auto}}