:root{--primary-color:#6a2c70;--secondary-color:#b83b5e;--dark-color:#3a3a3a;--light-color:#f9f9f9;--accent-color:#f08a5d;--text-color:#333;--text-light:#fff;--success-color:#2ecc71;--warning-color:#f1c40f;--info-color:#3498db;--transition:all 0.4s cubic-bezier(0.4,0,0.2,1);--box-shadow:0 2px 10px #0000000d;--box-shadow-hover:0 8px 30px #0000001a;--border-radius:8px;--section-padding:60px 0;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;background-color:var(--light-color);color:#333;color:var(--text-color);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden;width:100%}.App-logo{height:40vmin;pointer-events:none}.App{background:#f9f9f9;background:var(--light-color);min-height:100vh;overflow-x:hidden;scroll-behavior:smooth;width:100%}.App,.widthArea{align-items:center;display:flex;flex-direction:column;justify-content:center}.widthArea{height:auto;width:80vw}.headingPro{color:#3a3a3a;color:var(--dark-color);font-weight:600;padding-left:10vw;padding-top:9vh;position:relative}.headingPro:after{background:linear-gradient(90deg,#6a2c70,#f08a5d);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-10px;content:"";height:4px;left:10vw;position:absolute;width:60px}section{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff;background:var(--text-light);border-radius:15px;box-shadow:0 10px 30px #0000000d;margin:20px auto;min-height:40vh;padding:40px 0;scroll-margin-top:80px;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:85vw}section:hover{box-shadow:0 15px 40px #0000001a;transform:translateY(-5px)}.section-heading{color:#6a2c70;color:var(--primary-color);font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:3rem;position:relative;text-align:center;text-transform:uppercase}.section-heading:after{background:linear-gradient(90deg,#6a2c70,#f08a5d);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.heading{color:#6a2c70;color:var(--primary-color);font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.about-me-content{margin:0 auto;max-width:800px;text-align:center}#Projects{background:#0000;min-height:fit-content;padding:3vh 0;width:90vw}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:2rem}.para{color:#333;color:var(--text-color);font-size:1.1em;line-height:1.8;padding:0 5vw;text-align:justify}#skills{background:#fff;background:var(--text-light);margin:4vh auto}.App-link{color:#6a2c70;color:var(--primary-color);transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.App-link:hover{color:#f08a5d;color:var(--accent-color);text-decoration:underline}.images{border-radius:12px;box-shadow:0 8px 20px #0000001a;height:16rem;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:28vw}.images:hover{box-shadow:0 12px 30px #00000026;transform:scale(1.03)}.cards{align-items:center;border-radius:12px;display:flex;gap:3vw;height:100%;justify-content:center;margin:1.5vh auto;padding:2vh 0;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:95%}.cards,.cards:hover{background:#fff;background:var(--text-light)}.cards:hover{transform:translateX(5px)}.left{display:flex;flex-direction:column;width:60%}.below{margin-top:3vh}a{color:#fff;color:var(--text-light);font-family:Poppins,sans-serif;font-size:18px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn{background:linear-gradient(135deg,#6a2c70,#b83b5e);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50px;box-shadow:0 4px 15px #b83b5e4d;display:inline-block;font-size:1rem;height:auto;margin:5px;padding:12px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);width:12vw}.btn:hover{background:linear-gradient(135deg,#b83b5e,#6a2c70);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 6px 20px #b83b5e66;transform:translateY(-3px)}.contact{background:#3a3a3a;background:var(--dark-color);color:#fff;color:var(--text-light);height:auto;margin-bottom:50px;padding:40px 20px}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:2rem}.skill{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;box-shadow:var(--box-shadow);display:flex;flex-direction:column;justify-content:center;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.skill:hover{box-shadow:0 8px 30px #0000001a;box-shadow:var(--box-shadow-hover);transform:translateY(-5px)}.skill-icon{color:#6a2c70;color:var(--primary-color);font-size:3rem;margin-bottom:1rem}.skill h3{color:#333;color:var(--text-color);font-size:1.2rem;font-weight:500}@media (max-width:768px){.section-heading{font-size:2rem;letter-spacing:1px;margin-bottom:2rem}.section-heading:after{bottom:-10px;width:60px}.cards{flex-direction:column;gap:2vh;width:90%}.images{height:20rem;width:80vw}.btn{font-size:.9rem;width:30vw}section{padding:30px 15px;width:95vw}.para{font-size:1em;padding:0 2vw}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.loading{align-items:center;background:#3a3a3a;background:var(--dark-color);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top:5px solid var(--primary-color);height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.navbar{align-items:center;background:var(--light-color);border-bottom:1px solid #0000001a;box-shadow:0 2px 15px #0000000d;display:flex;justify-content:space-between;padding:15px 40px;position:sticky;top:0;transition:var(--transition);width:100vw;z-index:1000}.navbar.scrolled{box-shadow:0 4px 20px #0000001a;padding:10px 40px}.logo{flex-shrink:0}.logo .logoImg{border:2px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 10px #6a2c7033;height:50px;margin:5px;transition:var(--transition);width:50px}.logo .logoImg:hover{box-shadow:0 6px 15px #6a2c704d}.nav-list{align-items:center;display:flex;flex-grow:1;justify-content:center}.nav-list li{list-style:none;padding:15px 25px;position:relative}.nav-list li a{color:var(--text-color);font-family:Poppins,sans-serif;font-size:16px;font-weight:500;letter-spacing:.5px;position:relative;text-decoration:none;text-transform:uppercase;transition:var(--transition)}.nav-list li a:after{background:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.nav-list li a:hover{color:var(--accent-color)}.nav-list li a.active:after,.nav-list li a:hover:after{width:100%}.nav-list li a.active{color:var(--accent-color)}.rightNav{align-items:center;display:flex;gap:15px}.rightNav .icons{filter:grayscale(100%) brightness(.5);height:24px;opacity:.8;transition:var(--transition);width:24px}.rightNav .icons:hover{filter:grayscale(0) brightness(1);opacity:1;transform:translateY(-3px)}.burger{cursor:pointer;display:none}.burger .line{background:var(--text-color);height:3px;margin:5px;transition:var(--transition);width:25px}@media (max-width:1024px){.nav-list{background:var(--light-color);box-shadow:0 10px 20px #0000001a;display:none;flex-direction:column;left:0;padding:20px 0;position:absolute;top:100%;width:100%;z-index:1001}.nav-list.active{display:flex}.nav-list li{padding:12px 0;text-align:center}.burger{display:block}}@media (max-width:768px){.navbar{padding:10px 20px}.rightNav{display:none}}.burger.active .line:first-child{transform:rotate(-45deg) translate(-5px,6px)}.burger.active .line:nth-child(2){opacity:0}.burger.active .line:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}a{background:"#4f46e5";border:"none";border-radius:"8px";color:"white";cursor:"pointer";font-size:"1.2rem";padding:"1rem 2rem"}.custom-button{margin-top:5vh;transition:transform .2s ease}.magnetic-container{align-items:center;display:inline-flex;justify-content:center;padding:3rem}.hover-box{border-radius:12px;padding:3rem}.custom-button{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2rem}.custom-button:hover{background-color:#4338ca}.introArea{align-items:center;background:var(--light-color);flex-direction:row;gap:8vw;min-height:90vh;padding:5vh 0;width:100vw}.introArea,.textArea{display:flex;justify-content:center}.textArea{align-items:flex-start;flex-direction:column;padding-left:5vw;width:45vw}.imageArea{align-items:center;display:flex;justify-content:center;width:40vw}.image{border:3px solid var(--primary-color);border-radius:15px;box-shadow:0 15px 40px #0000001a;height:auto;max-width:450px;object-fit:cover;transition:var(--transition);width:100%}.image:hover{box-shadow:0 20px 50px #6a2c7033;transform:scale(1.02) rotate(1deg)}.testAbove{color:var(--dark-color);font-size:2rem;font-weight:600;margin-bottom:1.5vh}.Magic{margin-top:4vh}@media (max-width:1024px){.introArea{gap:4vw}.textArea{width:50vw}.imageArea{width:45vw}}@media (max-width:768px){.introArea{flex-direction:column;gap:5vh;padding:8vh 0}.textArea{align-items:center;padding-left:0;text-align:center;width:90vw}.testAbove{font-size:1.5rem}.text-type__content{font-size:1.75rem!important}.imageArea{width:80vw}}.text-type-container{font-family:monospace;font-size:2rem;white-space:nowrap}.text-type__cursor{animation:blink .8s infinite;display:inline-block;font-weight:200;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.contact-form-container{background:var(--text-light);border-radius:10px;box-shadow:var(--box-shadow);margin:0 auto;max-width:600px;padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #ccc;border-radius:5px;font-size:1rem;padding:.75rem 1rem;transition:var(--transition);width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 5px #b83b5e80;outline:none}.btn{background:var(--primary-color);border:none;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:500;padding:.75rem;transition:var(--transition);width:100%}.btn:hover{background:var(--secondary-color)}.contact{background:var(--light-color);color:var(--text-color);padding:40px 0;scroll-margin-top:80px;text-align:center}.contact h3{color:var(--accent-color);font-size:1.5rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.contact p{font-size:1.1rem;line-height:1.6;margin:0 auto 20px;max-width:700px}.aboutContent{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.aboutText p{margin-bottom:25px;max-width:none;padding:0;text-align:left}.stats{display:flex;gap:40px;justify-content:flex-start;margin-top:40px}.stat{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.stat h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat p{color:var(--secondary-color);font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.aboutImage{text-align:center}.aboutImage img{border:4px solid #0a25401a;border-radius:50%;box-shadow:var(--box-shadow-hover);height:280px;object-fit:cover;transition:var(--transition);width:280px}.aboutImage img:hover{box-shadow:0 15px 40px #0a254033;transform:scale(1.05)}@media (max-width:1024px){.aboutContent{gap:40px}.stat h3{font-size:2rem}.aboutImage img{height:240px;width:240px}}@media (max-width:768px){.aboutContent{gap:30px;grid-template-columns:1fr;text-align:center}.aboutText{order:2}.aboutImage{margin-bottom:20px;order:1}.stats{flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.stat{background:#6a2c700d;border:1px solid #6a2c701a;border-radius:12px;flex:1 1 100px;padding:10px}.stat h3{font-size:1.8rem}}.projects-section{background-color:#f9f9f9;padding:4rem 1rem;text-align:center}.container{margin:0 auto;max-width:1200px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.project-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.project-card:hover{box-shadow:0 20px 40px #6a2c7026;transform:translateY(-12px) scale(1.02)}.project-image{height:220px;object-fit:cover;transition:transform .5s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem;text-align:left}.project-title{font-size:1.5rem;margin-bottom:.5rem;margin-top:0}.project-tech{margin-bottom:1rem}.tech-badge{background-color:#6a2c701a;border:1px solid #6a2c7033;border-radius:20px;color:#6a2c70;color:var(--primary-color,#6a2c70);display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;margin-right:.5rem;padding:.3rem .8rem;transition:all .3s ease}.tech-badge:hover{background-color:#6a2c70;background-color:var(--primary-color,#6a2c70);color:#fff;transform:translateY(-2px)}.project-description{color:#666;flex-grow:1;margin-bottom:1.5rem}.project-links{display:flex;gap:1rem;margin-top:auto}.btn{border-radius:5px;font-weight:700;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background-color .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}@media (max-width:768px){.projects-grid{grid-template-columns:1fr;padding:1rem}.project-links{flex-direction:column;gap:.8rem}.project-card .btn{width:100%!important}}.skills-section{background-color:var(--light-color);padding:8vh 0}.skills-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:var(--container-width);padding:0 20px}@media (max-width:768px){.skills-container{grid-template-columns:1fr;overflow-x:hidden;padding:0 10px}.skill-category{padding:20px}}.skill-category{background:#fff;border:1px solid #6a2c700d;border-radius:20px;box-shadow:var(--box-shadow);padding:35px;transition:var(--transition)}.skill-category:hover{border-color:#6a2c701a;box-shadow:var(--box-shadow-hover);transform:translateY(-8px)}.category-title{align-items:center;color:var(--secondary-color);display:flex;font-size:1.6rem;font-weight:700;gap:12px;margin-bottom:30px;text-align:left}.category-title:after{background:linear-gradient(90deg,#6a2c7033,#0000);content:"";flex-grow:1;height:2px}.skills-list{display:flex;flex-direction:column;gap:25px}.skill-item{width:100%}.skill-header{justify-content:space-between;margin-bottom:10px}.skill-header,.skill-info{align-items:center;display:flex}.skill-info{gap:12px}.skill-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.skill-icon img{height:100%;object-fit:contain;width:100%}.skill-name{color:var(--dark-color);font-size:1rem;font-weight:600}.skill-percentage{color:var(--secondary-color);font-size:.9rem;font-weight:700}.skill-level-container{background-color:#f1f1f1;border-radius:10px;height:8px;overflow:hidden;position:relative;width:100%}.skill-level-bar{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:10px;box-shadow:0 2px 4px #b83b5e33;height:100%}footer{background-color:#1a1a1a;color:#fff;padding:40px 20px;text-align:center;width:100vw}.footer-content{margin:0 auto;max-width:1200px}.footer-links{margin:20px 0}.footer-links a{color:#fff;font-size:1rem;margin:0 15px;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--accent-color)}.social-links{margin:20px 0}.social-links a{margin:0 10px}.social-links img{height:30px;transition:transform .3s ease;width:30px}.social-links img:hover{transform:scale(1.1)}.footer-bottom{color:#aaa;font-size:.9rem;margin-top:20px}
/*# sourceMappingURL=main.b1dadfbf.css.map*/