/* Custom spacer for the About Me section */
.section-header.glass-section-header {
    position: relative;
    padding-top: 100px !important; /* Add very significant padding above the About Me heading */
}

/* Ensure the section title is visible */
.section-header.glass-section-header h2 {
    position: relative;
    z-index: 10;
    margin-top: 10px !important;
    font-size: 2.5rem !important;
    text-shadow: 0 2px 10px rgba(255, 255, 255, 0.8) !important;
    background: linear-gradient(to bottom, transparent, white 20%, white) !important;
    padding: 30px !important;
    border-radius: 8px !important;
}

/* Add more padding on smaller screens */
@media (max-width: 992px) {
    .section-header.glass-section-header {
        padding-top: 450px !important;
    }
}

@media (max-width: 768px) {
    .section-header.glass-section-header {
        padding-top: 500px !important;
    }
}

@media (max-width: 576px) {
    .section-header.glass-section-header {
        padding-top: 550px !important;
    }
}