/* Reset */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Typography */
body {
    font-family: 'Roboto', sans-serif;
    background-color: #f7fafc; /* Light gray background */
    color: #2d3748; /* Dark gray text */
}

/* Header Sections */
h2 {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    color: #319795; /* Teal color */
}

/* Links */
a {
    color: #319795;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Navbar */
nav {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

nav a {
    font-size: 1rem;
}

nav a:hover {
    color: #2c7a7b; /* Darker teal on hover */
}

/* Hero Section */
#home h1 {
    font-family: 'Merriweather', serif;
    font-size: 2rem;
    color: #319795;
}

#home p {
    font-size: 1rem;
    color: #4a5568;
}

#home a {
    color: #319795;
}

#home a:hover {
    color: #2c7a7b;
}

/* Education, Publications, Awards, Contact Sections */
section {
    padding: 4rem 0;
}

section h2 {
    margin-bottom: 2rem;
}

section ul,
section ol {
    margin-left: 1.5rem;
}

section li {
    margin-bottom: 1rem;
}

section .font-semibold {
    color: #319795;
}

/* Contact Info */
.contact_info a {
    color: #319795;
}

.contact_info a:hover {
    color: #2c7a7b;
}

/* Footer */
footer {
    background-color: #319795;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #e6fffa;
}

/* Mobile Menu */
#mobile-menu {
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#mobile-menu a {
    padding: 0.75rem 1rem;
    display: block;
}

/* Button Transition */
button {
    transition: all 0.3s ease;
}

/* Example: Adjusting the introduction section for single column */
.introduction {
    /* If previously styled for multi-column, adjust accordingly */
    /* For example, remove unnecessary left margins */
    margin-left: 0;
    text-align: center; /* Ensure text is centered */
}

.introduction p {
    width: 100%; /* Full width for single column */
}