@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}.App{font-family:Arial,sans-serif;line-height:1.6}#navbar{background:#333;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}#navbar ul{display:flex;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0}#navbar a{color:#fff;font-size:1.1rem;text-decoration:none}.section{margin-top:50px;min-height:calc(30vh - 30px);padding:4rem 0}.content-container{margin:0 auto;max-width:1200px;padding:0 2rem}.text-content h1{font-size:3rem;margin:1rem 0}.subheading{margin-bottom:2rem;max-width:600px}.btn-primary{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 2rem}.services{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:2rem;padding:0 1rem}.service-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1 150px;max-width:200px;min-width:120px;padding:1rem;text-align:center}.service-card i{font-size:2rem;margin-bottom:.5rem}.service-card p{font-size:1rem;line-height:1.4;margin:0}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:1200px;padding:20px;width:100%}.experience-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem;width:100%}.experience-card{background:#fff;border-radius:8px;cursor:pointer;padding:15px;transition:transform .2s}.experience-card:hover{background-color:grey;box-shadow:0 4px 8px #00000026;color:#fff;transform:translateY(-5px)}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;position:relative}.modal-content h3{margin-top:0}.modal-content ul{padding-left:20px}.close-button{background:none;border:none;color:#333;cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.close-button:hover{color:#007bff}@media (max-width:768px){.experience-grid{grid-template-columns:1fr}.modal-content{margin:0 20px;width:calc(100% - 40px)}.services{align-items:center;flex-direction:column;gap:1.5rem}.service-card{max-width:300px;min-width:0;min-width:auto;width:100%}}@media (max-width:480px){.service-card{padding:.8rem}.service-card i{font-size:1.5rem}.service-card p{font-size:.9rem}}h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}.tech-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1rem}.tech-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.tech-card i{font-size:2rem;margin-bottom:.5rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1rem}.project-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.project-card img{height:200px;object-fit:cover;width:100%}.project-info{padding:1rem}.project-link{color:#007bff;display:inline-block;margin-top:1rem;text-decoration:none}form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}input,textarea{border:1px solid #ddd;border-radius:4px;padding:.8rem}textarea{min-height:150px}.footer{background-color:#1a1a1a;color:#fff;padding:3rem 0}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.footer-column{flex:1 1;margin-bottom:2rem;min-width:200px}.footer-column h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.footer-column ul{list-style:none;padding:0}.footer-column ul li{margin-bottom:.5rem}.footer-column ul li a{color:#ccc;font-size:20px;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#007bff}.bottom{border-top:1px solid #333;margin-top:2rem;padding-top:2rem;text-align:center}.bottom p{color:#ccc;font-size:.9rem;margin:0}
/*# sourceMappingURL=main.93b8c09c.css.map*/