/* Master CSS File - Imports all section styles */

/* Base styles and variables */
@import url('base.css');

/* Section-specific styles */
@import url('navbar.css');
@import url('home.css');
@import url('about.css');
@import url('services.css');
@import url('education.css');
@import url('experience.css');
@import url('skills.css');
@import url('projects.css');
@import url('contact.css');
@import url('footer.css');

/* Fix for anchor links with fixed header */
html {
    scroll-behavior: smooth;
}

section {
    scroll-margin-top: 20px; /* Reduced offset since sections have their own padding */
}

/* Alternative method for older browsers */
#about-section,
#home-section,
#what-i-do-section,
#resume-section,
#experience-section,
#skills-section,
#projects-section,
#contact-section {
    scroll-margin-top: 20px;
}

/* Responsive scroll margins */
@media screen and (max-width: 768px) {
    section,
    #about-section,
    #home-section,
    #what-i-do-section,
    #resume-section,
    #experience-section,
    #skills-section,
    #projects-section,
    #contact-section {
        scroll-margin-top: 10px; /* Smaller offset for mobile */
    }
}