/* 20250108 static/css/styles.css */

/* General styles */
body {
    margin: 0;
    padding: 0;
}

/* Header Styles */
header {
    text-align: left; /* Left-align the header */
}
.header-content {
    display: flex; 
    justify-content: flex-start;
    align-items: center;
    padding: 0 20px;
}
.header-content img {
    height: 50px;
    margin-right: 10px; /* Add spacing between the logo and text */
}
.header-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Align the title and links to the left */
}
.header-title h1 {
    margin: 0;
    font-size: 1.25rem;
}
.header-title nav {
    margin-top: 5px;
}

/* Main Content Styles */
main {
    text-align: left; /* Left-align main content */
    padding: 20px; /* Add padding for better appearance */
}

/* Footer Styles */
footer {
    text-align: center; /* Keep footer center-aligned */
}
.nav-link {
    color: #4a90e2;
    text-decoration: none;
}
.nav-link:hover {
    color: #357ABD;
    text-decoration: underline;
}

/* 20250310 */
a {
    color: #4a90e2;
    text-decoration: none;
}

a:hover {
    color: #357ABD;
    text-decoration: underline;
}