#home {
    padding: 0 3vw;
}

.row {
    padding: 0 3vw;
}

.row h3 {
    font-size: 7vw; /* Even larger intro text on mobile */
}

.row h1 {
    font-size: 18vw; /* Even larger main heading on mobile */
}

/* Adjust spacing for mobile */
.row .text {
    margin-top: 3vw;
}







.project-container {
    padding: 40px 20px;
}

.projects {
    gap: 40px;
}

.project-info {
    padding: 20px;
}

.project-preview {
    padding: 0 20px 20px;
    max-height: none; /* Remove any height limitation */
}

.project-description {
    font-size: 14px;
}

/* Make the details box properly sized */
.project .project-details-low {
    padding: 20px;
    height: auto;
}



.project-container {
    padding: 40px 20px;
}

.projects {
    gap: 40px;
}

.project-info {
    padding: 20px;
}

.project-preview {
    padding: 0 20px 20px;
    max-height: none; /* Remove any height limitation */
}

.project-description {
    font-size: 14px;
}

/* Make the details box properly sized */
.project .project-details-low {
    padding: 20px;
    height: auto;
}



.skills-title {
    font-size: 6vw;
}
.skill-item {
    font-size: 4vw;
    padding: 1.5vw 3vw;
}

#skills {
    padding: 4vw 2vw; /* More padding on mobile */ /* Let the content decide height */
    transform: scale(1); /* No scale transformation on mobile */
}

.skills-header {
    max-width: 90%;
    height: 23%;
}

.skills-header h2 {
    font-size: 6vw; /* Larger text for mobile */
    padding-bottom: 2vw; /* Add some space */
}

.skills-title .main-title {
    font-size: 6vw; /* Adjust title size for mobile */
}

.skills-list {
    gap: 5vw; /* Increase gap between items */
}

.skill-item {
    font-size: 4vw; /* Smaller font size for mobile */
    padding: 4vw 6vw; /* Adjust padding for mobile */
    margin-bottom: 3vw; /* Space out items more on mobile */
}



/* About Section */
.about-section {
    padding: 60px 0;
}

.main-title {
    font-size: 32px;
}

.profile-image {
    width: 240px;
    height: 240px;
}


/* Footer */
.footer-content {
    grid-template-columns: 1fr;
}

.footer-brand, .footer-nav, .footer-links, .footer-contact {
    grid-column: 1;
}