@import url(https://fonts.googleapis.com/css2?family=Arimo:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Arial,sans-serif}header{background-color:#fff;box-shadow:0 4px 8px #0000001a;padding:1px 0;position:fixed;top:0;transition:transform .3s ease,opacity .3s ease;width:100%;z-index:1000}header.scrolled{opacity:0;transform:translateY(-100%)}header nav ul{list-style-type:none;margin-right:150px;margin-top:-40px;padding:0;text-align:right}header nav ul li{display:inline;margin:0 10px}header nav ul li a{color:#000;font-size:1rem;position:relative;text-decoration:none}header nav ul li a:before{background-color:#8c52ff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}header nav ul li a:hover:before{transform:scaleX(1)}main{padding-top:60px}#home{min-height:100vh}section{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.header-content .name{color:#000;font-family:"serif";font-size:1.6rem;margin-left:180px;margin-top:20px}@media (max-width:1080px){.header-content .name{color:#fff;font-family:"serif";font-size:1.6rem}}@media only screen and (min-width:1024px){body{background-color:#f8f8f8;font-family:Arimo,sans-serif;margin:-50px 0 0}.home-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #0000001a;display:flex;height:calc(80vh - 60px);justify-content:space-between;overflow:hidden;padding:0 20px;position:relative;text-align:left}}.social-icons{align-items:flex-start;display:flex;flex-direction:column;gap:15px;padding-left:20px;z-index:10}.social-icons a{color:#8c52ff;transition:color .3s}.content-container{flex:2 1;padding:40px;z-index:10}.title{font-size:2.5rem;margin:0}h2{color:#666;font-size:1.5rem;margin:10px 0}p{color:gray;font-size:1.2rem;margin:20px 0 30px}.image-container{align-items:center;display:flex;flex:1 1;justify-content:center;z-index:10}.home-photo{height:auto;width:300px}.contact-button{background-color:#8c52ff;border-radius:5px;color:#fff;display:inline-block;padding:12px 24px;text-decoration:none;transition:background-color .3s}.contact-button:hover{background-color:#6d3abf}.arrow{margin-left:8px}@media only screen and (max-width:1080px){.home-container{flex-direction:column;height:auto;margin-right:-170px;margin-top:150px;padding:20px}.social-icons{flex-direction:row;gap:10px;justify-content:center;margin-bottom:15px;padding-left:0}.content-container{padding:20px;text-align:center}.title{font-size:1.8rem;margin-bottom:10px}h2{font-size:1.2rem;margin:5px 0}p{font-size:1rem;margin-bottom:20px}.contact-button{font-size:.9rem;padding:10px 20px}.home-photo{margin-top:20px;width:200px}.image-container{justify-content:center;margin-top:20px}}.about-container{background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;margin-left:150px;margin-right:150px;padding:40px;position:relative;text-align:center}.about-title{color:#333;font-family:Arimo,sans-serif;font-size:2rem;margin-bottom:20px}.about-text{color:#666;font-size:1rem;margin-bottom:40px;margin-top:-15px}.about-content{align-items:flex-start;display:flex;justify-content:space-around}.about-image{flex:1 1;padding:20px;position:relative}.about-photo{border-radius:15px;box-shadow:0 8px 16px #0003;height:auto;max-width:400px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.about-photo:hover{box-shadow:0 12px 20px #0000004d;transform:translateY(-10px) scale(1.05)}.about-intro{flex:1 1;padding:20px;position:relative;text-align:left}.about-intro-small{color:#666;font-size:1rem;line-height:1.6;margin-bottom:30px}.about-stats{align-items:center;display:flex;justify-content:space-around;margin-top:30px;text-align:center}.stat-item{margin-bottom:10px;text-align:center}.stat-number{color:#333;font-size:2rem;font-weight:700}.stat-label{color:#666;font-size:.9rem}.download-cv{background-color:#8c52ff;border-radius:5px;color:#fff;display:inline-block;margin-top:40px;padding:12px 24px;text-decoration:none;transition:background-color .3s}.download-cv:hover{background-color:#6d3abf}@media (max-width:1080px){.about-container{margin-left:-10px;margin-right:-170px;padding:20px}.about-content{align-items:center;flex-direction:column}.about-image,.about-intro{flex:none;padding:10px;width:100%}.about-photo{max-width:300px}.about-title{font-size:1.5rem}.about-intro-small{font-size:.9rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.download-cv{font-size:.9rem;padding:10px 20px}}.skills-container{background-color:#fff;border-radius:10px;box-shadow:0 10px 20px #0000001a;margin:0 auto 120px;padding:20px;text-align:center;width:80%}.skills-title{color:#000;font-family:Arimo,sans-serif;font-size:2rem;margin-bottom:20px;text-shadow:2px 2px 4px #0000001a}.skills-subtitle{color:#666;font-size:1rem;margin-bottom:30px;margin-top:-15px}.skills-content{display:flex;flex-wrap:wrap;justify-content:space-around}.skills-category{background-color:#f7f7ff;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:40px;padding:20px;transform:translateZ(0);transform-style:preserve-3d;transition:transform .5s;width:calc(45% - 40px)}.skills-category:hover{transform:translateZ(20px)}.skills-category-title{align-items:center;color:#333;cursor:pointer;display:flex;font-size:1rem;margin-bottom:10px}.skills-category-icon{color:#8c52ff;margin-right:10px}.skills-category-subtitle{color:#666;font-size:.8rem;margin-bottom:10px;text-align:left}.skills-list{display:none;list-style-type:none;opacity:0;padding:0;transition:opacity .5s ease}.skills-list.expanded{display:block;opacity:1}.skills-list li{color:#333;font-size:1rem;margin-bottom:15px}.skill-name{color:#333;font-size:.8rem;margin-bottom:5px;text-align:left}.progress-bar-container{position:relative;width:100%}.progress-bar{background-color:#e0d4fc;border-radius:1px;height:5px;margin-bottom:2px;position:relative;width:80%}.progress-bar-filled{background-color:#8c52ff;border-radius:5px;height:100%}.skill-percentage{color:#333;font-size:.8rem;position:absolute;right:0;top:-20px;transform:translateX(50%)}.dropdown-arrow{color:#8c52ff;margin-left:auto;transition:transform .3s ease}.dropdown-arrow.expanded{transform:rotate(180deg)}@media (max-width:1080px){.skills-container{margin-left:-10px;margin-right:-170px;margin-top:100px;padding:10px;transform:scale(1.05);width:120%}.skills-title{font-size:1.5rem}.skills-subtitle{font-size:.9rem}.skills-content{align-items:center;flex-direction:column}.skills-category{margin:10px 0;padding:15px;width:90%}.skills-category-title{font-size:1rem}.skills-category-subtitle{font-size:.8rem}.skill-name{font-size:.9rem}.progress-bar{width:100%}.skill-percentage{font-size:.7rem}.dropdown-arrow{font-size:1.2rem}}.services-background{margin-top:40px;overflow:hidden;position:relative}@keyframes backgroundMove{0%{background-position:0 0,0 0,0 0,20px 20px}to{background-position:100px 100px,-100px -100px,40px 40px,60px 60px}}.services-container{background-color:#ffffffe6;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1200px;padding:1rem;position:relative}.services-container h2{color:#000;font-size:2rem;letter-spacing:2px;margin-bottom:3rem;position:relative;text-align:center;text-transform:uppercase}.services-container h2:after{background-color:#8c52ff;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.services-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.service-card:before{background:linear-gradient(45deg,#8c52ff1a,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out}.service-card:hover{box-shadow:0 10px 20px #00000026;transform:translateY(-5px)}.service-card:hover:before{opacity:1}.card-header{align-items:center;background-color:#8c52ff;color:#fff;display:flex;gap:1rem;padding:1.5rem}.card-icon{font-size:2.5rem}.service-card h3{font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.service-card p{color:#666;font-size:1rem;line-height:1.6}@media (max-width:1080px){.services-grid{grid-template-columns:1fr}.services-container{padding:3rem 1.5rem}}.contact-info-container{background-color:#ffffffe6;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin:4rem auto 0;max-width:1365px;padding:2rem}.contact-info-container h2{color:#000;font-size:2rem;letter-spacing:2px;margin-bottom:2rem;position:relative;text-align:center;text-transform:uppercase}.contact-info-container h2:after{background-color:#8c52ff;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.contact-info{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-info a{align-items:center;background-color:#8c52ff;border-radius:30px;color:#fff;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.contact-info a:hover{background-color:#6b3cc9;transform:translateY(-2px)}.contact-info svg{font-size:1.2rem}@media (max-width:1080px){.contact-info-container{padding:2rem 1rem}.contact-info{align-items:stretch;flex-direction:column}.contact-info a{justify-content:center}.services-background{margin-right:-170px;margin-top:250px;padding-left:20px;padding-right:20px;transform:scale(1.05)}.services-container{padding:2rem 1rem}.services-grid{gap:1rem;grid-template-columns:1fr}.contact-info-container{padding:2rem 1rem}.contact-info-container h2{font-size:1.5rem}.contact-info a{font-size:.9rem;padding:.5rem 1rem}.service-card h3{font-size:1.25rem}.service-card p{font-size:.9rem}}.project-showcase{background-color:#f8f9fa;border-radius:16px;box-shadow:0 10px 30px #0000001a;font-family:Arial,sans-serif;margin:40px 100px 100px;padding:2rem}.showcase-content{align-items:flex-start;display:flex;gap:3rem}.image-carousel{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:300px;margin-top:130px;overflow:hidden;position:relative;width:500px}.image-carousel img{height:100%;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.dots-container{bottom:10px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background-color:#fff;border-radius:50%;cursor:pointer;height:8px;opacity:.5;transition:opacity .3s ease;width:6px}.dot.active{background-color:#eb5424;opacity:1}.dot:hover{opacity:.8}.project-details{flex:1 1;margin-left:100px}.project-details h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.project-details p{color:#000;font-size:.9rem;line-height:1.6;margin-bottom:2rem}.features-technologies{display:flex;gap:3rem;margin-bottom:2rem}.column{flex:1 1}.column h3{color:#333;font-size:1.2rem}.column h3,.item{margin-bottom:1rem}.item{align-items:center;display:flex}.item .tech-icon,.item svg{color:#eb5424;font-size:1rem;margin-right:.75rem}.item span{color:#333;font-size:.9rem}.project-dropdown{display:inline-block;position:relative}.dropdown-button{align-items:center;background-color:#eb5424;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.dropdown-button:hover{background-color:#d94d1f;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.dropdown-content{background-color:#fff;border-radius:5px;box-shadow:0 8px 16px 0 #0003;display:none;left:0;margin-top:.5rem;min-width:250px;overflow:hidden;position:absolute;top:100%;z-index:1}.dropdown-content a{align-items:center;color:#000;display:flex;font-size:.9rem;gap:.5rem;padding:12px 16px;text-decoration:none;transition:all .3s ease}.dropdown-content a:hover{background-color:#fff0f9;transform:translateX(5px)}.dropdown-content.show{animation:fadeInDown .3s ease-in-out;display:block}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-note{color:#fe2ac4;font-size:.8rem;font-style:italic;margin-top:.5rem}.project-link{overflow:hidden;position:relative}.project-link:after{background-color:#eb5424;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.project-link:hover:after{transform:scaleX(1);transform-origin:left}.project-link svg{color:#eb5424}@media (max-width:1200px){.showcase-content{flex-direction:column}.image-carousel{flex-basis:auto;margin-bottom:2rem;width:100%}.project-details{margin-left:0}}@media (max-width:1080px){.project-showcase{margin-left:20px;margin-right:20px}.features-technologies{flex-direction:column}}.qualifications-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;margin-top:-90px;max-height:100vh;padding:80px 100px 40px;width:100%}.projects-heading{color:#db0000;font-family:Arimo,sans-serif;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.education-card{background:#f7f7ff;color:#000;margin-bottom:20px;margin-top:-60px;padding:20px;position:relative;text-align:left;width:80%}.education-card,.education-card:before{border-radius:10px;box-shadow:0 8px 16px #0003}.education-card:before{background-color:#fff;bottom:5px;content:"";left:5px;position:absolute;right:5px;top:5px;z-index:-1}.education-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.education-header .icon{font-size:32px;margin-right:10px}.education-details h3{font-size:24px;margin:0}.education-details p{font-size:18px;margin:5px 0 0}.college-logo{height:auto;margin-left:10px;width:80px}.website-link{color:#8c52ff}.website-link:hover{text-decoration:underline}.timeline-container{max-height:80vh;overflow-y:auto;width:100%}.timeline-container::-webkit-scrollbar{width:4px}.timeline-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.timeline-container::-webkit-scrollbar-thumb{background:#8c52ff;border-radius:10px}.timeline-container::-webkit-scrollbar-thumb:hover{background:#7042c6}.timeline{height:100%;margin:0 auto;position:relative;width:0}.timeline-item{margin:20px 0;position:relative;width:320px}.timeline-item.left{left:-350px;text-align:right}.timeline-item.right{left:25px;text-align:left}.timeline-content{background-position:50%;background-size:cover;border-radius:10px;box-shadow:0 8px 16px #0003;color:#000;padding:10px;position:relative;transform:translateZ(0)}.timeline-content h3{font-family:Arimo;font-size:16px;margin-bottom:10px;margin-top:0;text-align:left}.timeline-content span{color:#000;font-size:12px}.timeline-content p{color:#000;font-family:Arimo,sans-serif;font-size:14px;margin-bottom:0;text-align:left}.timeline-content img.project-image{border-radius:10px;box-shadow:0 8px 16px #0003;height:200px;margin-top:10px;transition:transform .3s ease-in-out;width:100%}.timeline-content img.project-image:hover{transform:scale(1.05)}.timeline-content .date-text{margin-top:58px}.project-details{font-size:10px;margin-left:0}.tools-used{display:flex;flex-wrap:wrap;margin-left:0;margin-top:6px}.tool{align-items:center;color:#333;display:flex;font-family:Arimo,sans-serif;font-size:12px;margin-bottom:10px;margin-right:10px}.tool svg{fill:#8c52ff;height:20px;margin-right:5px;width:20px}.tool-name{color:#333;font-size:12px;font-weight:700}.view-more-button{align-items:center;background-color:#8c52ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;margin-top:10px;padding:10px 20px}.view-more-button:hover{background-color:#60f}.arrow{border-style:solid;height:0;position:absolute;width:0}.left-arrow{border-color:#0000 #0000 #0000 #919191;border-width:5px 0 5px 30px;right:-30px;top:20px}.right-arrow{border-color:#0000 #e0d4fc #0000 #0000;border-width:10px 10px 10px 0;left:-20px;top:20px}.visit-college{bottom:10px;position:absolute;right:10px}.website-link{background-color:#8c52ff;border-radius:5px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none}.website-link:hover{background-color:#7042c6;text-decoration:none}.arrow-icon{margin-left:5px}.timeline-date p{font-size:16px}.timeline-date{align-items:center;display:flex;font-size:14px;margin-bottom:5px;margin-top:-40px}.calendar-icon{font-size:16px;margin-bottom:10px;margin-right:5px}.branch{font-family:Arimo,sans-serif;font-size:12px;margin-bottom:5px}@media (max-width:1080px){.qualifications-container{margin-right:-170px;max-height:200vh}.education-card{width:120%}.timeline-container{margin-top:20px;min-height:90vh;width:100%}.timeline-container::-webkit-scrollbar{width:4px}.timeline-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.timeline-container::-webkit-scrollbar-thumb{background:#8c52ff;border-radius:10px}.timeline-container::-webkit-scrollbar-thumb:hover{background:#7042c6}.timeline{margin:0;width:100%}.timeline-item{margin:10px 0;width:100%}.timeline-item.left,.timeline-item.right{left:0;text-align:center}.project-image{height:auto;max-width:100%}}.portfolio-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px}
/*# sourceMappingURL=main.0fa9a5ce.css.map*/