@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body{color:#e0e0f0;background-color:#212130;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;line-height:1.6;display:flex}h2{margin-top:60px}.navbar{text-align:center;z-index:1000;backdrop-filter:blur(10px);background-color:#212130;width:100%;padding:15px 0;transition:all .3s;position:fixed;top:0;box-shadow:0 4px 10px #0006}.navbar.scrolled{background-color:#212130;padding:10px 0;box-shadow:0 5px 15px #00000080}.navbar ul{justify-content:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.navbar li{display:inline}.navbar a{color:#e0e0f0;letter-spacing:.5px;border-radius:12px;padding:8px 15px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar a:hover{color:#8dffc4;background-color:#212130;box-shadow:3px 3px 6px #1a1a25,-3px -3px 6px #29293d}.navbar a.active{color:#8dffc4;background-color:#212130;box-shadow:inset 3px 3px 6px #1a1a25,inset -3px -3px 6px #29293d}.section{text-align:center;flex-grow:1;padding:100px 20px}.section h2,.project-h2{color:#8dffc4;margin-bottom:40px;font-size:2.8em;font-weight:700;display:inline-block;position:relative}.project-h2:after,.section h2:after{content:"";background-color:#8dffc4;border-radius:2px;width:50%;height:4px;position:absolute;bottom:-10px;left:25%}.image-container img{border-radius:12px;max-width:100%;height:auto;transition:transform .5s,box-shadow .5s;box-shadow:8px 8px 16px #1a1a25,-8px -8px 16px #29293d}.image-container img:hover{transform:scale(1.03);box-shadow:10px 10px 20px #1a1a25,-10px -10px 20px #29293d}.image-large{max-width:400px;margin-bottom:25px}.hero{color:#e0e0f0;text-align:center;background-color:#212130;padding:180px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";z-index:1;background:radial-gradient(circle at 0 0,#8dffc41a,#0000 50%);position:absolute;inset:0}.hero-content{z-index:2;max-width:900px;margin:0 auto;position:relative}.profile-pic{border:5px solid #8dffc4;border-radius:50%;width:200px;height:200px;margin:0 auto 35px;transition:transform .5s,box-shadow .5s;position:relative;overflow:hidden;box-shadow:10px 10px 20px #1a1a25,-10px -10px 20px #29293d}.profile-pic:after{content:"";border:2px solid #8dffc480;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-8px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.profile-pic:hover{transform:scale(1.05);box-shadow:15px 15px 30px #1a1a25,-15px -15px 30px #29293d}.profile-pic img{object-fit:cover;object-position:top;width:100%;height:100%}.hero h1{color:#8dffc4;text-shadow:0 0 10px #8dffc480;margin-bottom:10px;font-size:3.5em;font-weight:700}.title{margin-bottom:15px;font-size:1.8em;font-weight:500}.title.animated-title{margin-bottom:15px;font-size:1.8em;font-weight:500;animation:.5s ease-out slideIn}.subtitle{color:#a0a0b0;margin-bottom:30px;font-size:1.2em}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.skills-container{background-color:#212130;border-radius:20px;max-width:900px;margin:0 auto;padding:30px;box-shadow:10px 10px 20px #1a1a25,-10px -10px 20px #29293d}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;display:grid}.skill-item{background-color:#212130;border-radius:15px;padding:20px;transition:transform .4s,box-shadow .4s;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.skill-item:hover{transform:translateY(0);box-shadow:inset 4px 4px 8px #1a1a25,inset -4px -4px 8px #29293d}.skill-info{justify-content:space-between;margin-bottom:15px;font-weight:500;display:flex}.skill-name{font-size:1.1em}.skill-percentage{color:#8dffc4}.skill-bar-container{background-color:#212130;border-radius:5px;height:10px;overflow:hidden;box-shadow:inset 2px 2px 5px #1a1a25,inset -2px -2px 5px #29293d}.skill-bar{background-color:#8dffc4;border-radius:5px;height:100%;transition:width 1.5s ease-in-out}.about-me-content{background-color:#212130;border-radius:20px;justify-content:space-around;align-items:center;gap:50px;max-width:1200px;margin:0 auto;padding:40px;display:flex;box-shadow:10px 10px 20px #1a1a25,-10px -10px 20px #29293d}.about-me-content .image-container{max-width:40%}.text-container{text-align:left;max-width:60%}.text-container p{margin-bottom:20px;font-size:1.05em;line-height:1.7}.contact-about-page{justify-content:flex-start;margin-top:20px}.certificates{background-color:#212130}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto;padding-top:40px;display:grid}.certificates .certificate{text-align:center;background-color:#212130;border-radius:20px;max-width:none;margin-bottom:0;margin-left:0;margin-right:0;padding:30px;transition:transform .4s,box-shadow .4s;box-shadow:8px 8px 16px #1a1a25,-8px -8px 16px #29293d}.certificates .certificate:hover{transform:translateY(-5px);box-shadow:12px 12px 24px #1a1a25,-12px -12px 24px #29293d}.certificates .certificate img{border-radius:10px;max-width:280px;transition:transform .4s;box-shadow:0 5px 15px #0000004d}.certificates .certificate:hover img{transform:scale(1.02)}.certificates .certificate a{color:#8dffc4;background-color:#212130;border-radius:15px;margin-top:20px;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:inset 3px 3px 6px #1a1a25,inset -3px -3px 6px #29293d}.certificates .certificate a:hover{background-color:#212130;transform:translateY(-2px);box-shadow:3px 3px 6px #1a1a25,-3px -3px 6px #29293d}.btn{color:#212130;letter-spacing:.5px;z-index:1;background-color:#8dffc4;border:none;border-radius:30px;padding:12px 30px;font-weight:700;text-decoration:none;transition:all .4s;display:inline-block;position:relative;overflow:hidden;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.btn:hover{color:#212130;background-color:#8dffc4;transform:translateY(0);box-shadow:inset 4px 4px 8px #1a1a25,inset -4px -4px 8px #29293d}.project-btn{color:#8dffc4;background-color:#212130;border:1px solid #8dffc433;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.project-btn:hover{color:#8dffc4;background-color:#212130;transform:translateY(0);box-shadow:inset 4px 4px 8px #1a1a25,inset -4px -4px 8px #29293d}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:30px;margin-top:25px;display:flex}footer{color:#e0e0f0;text-align:center;background-color:#1a1a25;margin-top:auto;padding:30px 0;position:relative}footer:before{content:"";background-color:#8dffc4;height:3px;position:absolute;top:0;left:0;right:0}.projects-container{max-width:1200px;margin:0 auto;padding:30px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{box-sizing:border-box;background-color:#212130;border-radius:20px;flex-direction:column;justify-content:space-between;height:100%;padding:30px;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:8px 8px 16px #1a1a25,-8px -8px 16px #29293d}.project-card:hover{transform:translateY(0);box-shadow:inset 8px 8px 16px #1a1a25,inset -8px -8px 16px #29293d}.project-card h3{color:#8dffc4;margin-bottom:20px;font-size:1.6em;font-weight:600}.project-card p{flex-grow:1;margin-bottom:20px;font-size:1.05em;line-height:1.6}.tech-stack{color:#a0a0b0;background-color:#212130;border-radius:20px;margin-bottom:25px;padding:8px 15px;font-size:.95em;display:inline-block;box-shadow:inset 2px 2px 5px #1a1a25,inset -2px -2px 5px #29293d}.project-btn{align-self:flex-start;margin-top:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-content{animation:1s ease-out forwards fadeIn}.skill-item{opacity:0;animation:.8s ease-out forwards fadeIn}.skill-item:first-child{animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-item:nth-child(6){animation-delay:.6s}.certificate{opacity:0;animation:.8s ease-out forwards fadeIn}.certificate:first-child{animation-delay:.1s}.certificate:nth-child(2){animation-delay:.2s}.certificate:nth-child(3){animation-delay:.3s}.certificate:nth-child(4){animation-delay:.4s}.project-card{opacity:0;animation:.8s ease-out forwards fadeIn}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}@media screen and (width<=992px){.hero h1{font-size:3em}.title{font-size:1.5em}.skills-grid,.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (width<=768px){.navbar ul{flex-direction:column;gap:15px}.hero{padding:150px 0 100px}.hero h1{font-size:2.5em}.title{font-size:1.3em}.profile-pic{width:160px;height:160px}.about-me-content{text-align:center;flex-direction:column;padding:30px 20px}.image-container,.text-container,.image-large{max-width:100%}.contact-about-page{justify-content:center}.skills-grid{grid-template-columns:1fr}.certificates-grid{grid-template-columns:1fr;max-width:400px}.certificates .certificate img{max-width:80%}.section h2{font-size:2.2em}.skills-container,.about-me-content,.project-card,.contact-info,.contact-form-container,.certificates .certificate{box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}}@media screen and (width<=480px){.section{padding:60px 15px}.hero{padding:120px 0 60px}.hero h1{margin-bottom:10px;font-size:1.8em}.title{margin-bottom:15px;font-size:1.1em}.subtitle{margin-bottom:20px;font-size:.9em}.profile-pic{width:120px;height:120px}.btn{margin:5px;padding:8px 16px;font-size:.85em}.section h2{margin-bottom:20px;font-size:1.6em}.about-me-content{padding:15px 10px}.text-container p{font-size:.9em;line-height:1.5}.projects-grid,.skills-grid{grid-gap:15px}.project-card{padding:15px}.project-card h3{font-size:1.2em}.project-card p{font-size:.85em}.tech-stack{margin-top:10px}.tech-stack span{margin:2px;padding:3px 8px;font-size:.75em}.hamburger{right:35px}.nav-menu{top:65px}.navbar-container{height:45px}.navbar a{padding:10px 15px;font-size:15px}.bar{width:22px;height:2px;margin:4px auto}}@media screen and (width<=320px){.hero h1{font-size:1.5em}.title{font-size:1em}.subtitle{font-size:.8em}.profile-pic{width:100px;height:100px}.btn{margin:3px;padding:6px 12px;font-size:.8em}.navbar a{padding:5px 10px;font-size:.9em}}.contact-page{background-color:#212130}.contact-container{flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto;padding:20px;display:flex}.contact-info{background-color:#212130;border-radius:20px;flex:1;min-width:300px;padding:30px;box-shadow:10px 10px 20px #1a1a25,-10px -10px 20px #29293d}.contact-info h3{color:#8dffc4;margin-bottom:20px;font-size:1.8em}.contact-info p{margin-bottom:30px;line-height:1.7}.contact-details{margin-bottom:30px}.contact-item{align-items:flex-start;margin-bottom:25px;display:flex}.contact-icon{background-color:#8dffc4;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-right:15px;display:flex;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.contact-icon i{color:#212130;font-size:1.5em}.contact-text h4{color:#a0a0b0;margin-bottom:5px;font-size:1.2em}.contact-text p{color:#e0e0f0;margin-bottom:5px;font-size:1em}.social-links{gap:15px;display:flex}.social-btn{color:#8dffc4;background-color:#212130;border-radius:25px;padding:10px 20px;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.social-btn:hover{transform:translateY(0);box-shadow:inset 3px 3px 6px #1a1a25,inset -3px -3px 6px #29293d}.contact-form-container{background-color:#212130;border-radius:20px;flex:1;min-width:300px;padding:30px;box-shadow:10px 10px 20px #1a1a25,-10px -10px 20px #29293d}.contact-form-container h3{color:#8dffc4;margin-bottom:20px;font-size:1.8em}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#a0a0b0;align-self:flex-start;font-size:1em}.form-group input,.form-group textarea{color:#e0e0f0;background-color:#212130;border:none;border-radius:8px;padding:12px 15px;font-family:Poppins,sans-serif;font-size:1em;transition:all .3s;box-shadow:inset 3px 3px 6px #1a1a25,inset -3px -3px 6px #29293d}.form-group input:focus,.form-group textarea:focus{color:#8dffc4;outline:none;box-shadow:inset 3px 3px 6px #1a1a25,inset -3px -3px 6px #29293d,0 0 10px #8dffc480}.form-group input::placeholder,.form-group textarea::placeholder{color:#a0a0b0}.submit-btn{color:#212130;cursor:pointer;z-index:1;background-color:#8dffc4;border:none;border-radius:30px;margin-top:10px;padding:12px 25px;font-size:1em;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.submit-btn:hover{transform:translateY(0);box-shadow:inset 4px 4px 8px #1a1a25,inset -4px -4px 8px #29293d}.submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}.success-message{color:#2ecc71;background-color:#2ecc7133;border:1px solid #2ecc7180;border-radius:8px;margin-top:20px;padding:15px;animation:.5s ease-out forwards fadeIn}.error-message{color:#e74c3c;background-color:#e74c3c33;border:1px solid #e74c3c80;border-radius:8px;margin-top:20px;padding:15px;animation:.5s ease-out forwards fadeIn}@media screen and (width<=768px){.contact-container{flex-direction:column}.contact-info,.contact-form-container{width:100%}.skills-container,.about-me-content,.project-card,.contact-info,.contact-form-container,.certificates .certificate,.about-me-content:hover{box-shadow:5px 5px 10px #1a1a25,-5px -5px 10px #29293d}}.navbar-container{justify-content:center;align-items:center;width:100%;height:50px;padding:0 20px;display:flex;position:relative}.hamburger{cursor:pointer;z-index:1001;padding:10px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.bar{background-color:#fff;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;display:block}.nav-menu{justify-content:center;gap:30px;display:flex}@media screen and (width<=768px){.navbar{padding:10px 0}.navbar-container{justify-content:center}.hamburger{display:block}.hamburger .bar.active:first-child{transform:translateY(8px)rotate(45deg)}.hamburger .bar.active:nth-child(2){opacity:0}.hamburger .bar.active:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.nav-menu{text-align:center;z-index:1000;background-color:#212130fa;border-radius:0 0 10px 10px;flex-direction:column;width:100%;height:auto;max-height:calc(100vh - 70px);padding:20px 0;transition:all .3s;position:fixed;top:70px;left:-100%;overflow-y:auto;box-shadow:0 10px 15px #0003}.nav-menu.active{left:0}.navbar ul{flex-direction:column;gap:15px;width:100%;margin:0;padding:0}.navbar li{width:100%;margin:10px 0}.navbar a{width:80%;margin:0 auto;padding:12px 20px;font-size:16px;display:block}}@media screen and (width<=480px){.hamburger{right:35px}.nav-menu{top:55px}}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.active{color:#3498db!important;text-decoration:underline!important}
/*# sourceMappingURL=index.ed012411.css.map */