html{scroll-behavior:smooth}body{background:#f5f7fa;background-image:radial-gradient(circle,#b5b5b5 1px,#0000 0);background-size:40px 40px;color:#1a1a1a;font-family:Inter,sans-serif;line-height:1.6;margin:0;padding:0}.wrapper{margin:auto;max-width:1100px;padding:2rem}.navbar{margin-bottom:5rem;position:-webkit-sticky;position:sticky;top:30px;z-index:100}.nav-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:12px;box-shadow:0 4px 20px #0000000d;display:flex;gap:2rem;justify-content:flex-end;margin-right:auto;max-width:-webkit-fit-content;max-width:fit-content;padding:1rem 1.5rem}.navbar a{color:#555;font-weight:600;position:relative;text-decoration:none;transition:color .3s}.navbar a:hover{color:#000}.navbar a:after{background-color:#3863da;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.navbar a:hover:after{width:100%}.header{align-items:center;display:flex;margin-bottom:8rem;min-height:65}.headerContent{margin:0 auto;max-width:700px;padding:2rem 0;text-align:center}.title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.highlight{background-color:#3863da;border-radius:12px;color:#fff;padding:0 12px}.subtitle{color:#666;font-size:1.4rem;font-weight:500;margin:1rem 0 2rem}.about{color:#444;font-size:1.1rem;line-height:1.7;margin:0 auto 2.5rem;max-width:600px}.contactLinks{gap:1.5rem;margin-top:2.5rem}.contact-link,.contactLinks{display:flex;justify-content:center}.contact-link{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 12px #00000014;color:#555;padding:.8rem;transition:color .3s}.contact-link:hover{box-shadow:0 6px 16px #0000001f;color:#000}.scroll-indicator{color:#999;display:flex;justify-content:center;margin-top:4rem}.section{margin-bottom:8rem;scroll-margin-top:2rem}.sectionTitle{font-size:2rem;font-weight:700;margin-bottom:2.5rem;position:relative;text-align:center}.sectionTitle:after{background-color:#3863da;border-radius:2px;bottom:-5px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.skillsGrid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,20px))}.skill-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center;transition:box-shadow .3s}.skill-card:hover{box-shadow:0 8px 24px #0000001a}.skillImg{border-radius:12px;height:70px;margin-bottom:1rem;object-fit:contain;width:70px}.skill-title{color:#333;font-weight:600;margin:0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .3s}.project-card:hover{box-shadow:0 12px 28px #0000001a;transform:translateY(-5px)}.project-image-container{margin:8px 8px 0;overflow:hidden}.projectImg{border-radius:8px;height:200px;object-fit:cover;width:100%}.project-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem}.project-title{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0}.project-desc{color:#666;flex-grow:1;margin:0 0 1rem}.project-link{align-self:flex-start;background-color:#3863da;border-radius:8px;color:#fff;display:inline-block;font-size:15px;font-weight:400;padding:.4rem .8rem;text-align:center;text-decoration:none;transition:background-color .3s}.project-link:hover{background-color:#1e4ac4}.github-link{align-self:flex-start;background-color:#1e1e1e;border-radius:8px;color:#fff;display:inline-block;font-size:15px;font-weight:400;padding:.4rem .8rem;text-align:center;text-decoration:none;transition:background-color .3s}.github-link:hover{background-color:#000}.footer{color:#666;font-size:1rem;padding:3rem 0;text-align:center}@media (max-width:768px){.wrapper{padding:1.5rem}.title{font-size:2.2rem}.subtitle{font-size:1.2rem}.nav-content{padding:.8rem 1.2rem}.projects-grid{grid-template-columns:1fr}.skillsGrid{grid-template-columns:repeat(2,1fr)}}.project-buttons{display:flex;flex-wrap:wrap;gap:5px}
/*# sourceMappingURL=main.2ced3cd1.css.map*/