/* 新增样式以控制图像和文本的排版 */
.content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 800px; /* 根据需要调整最大宽度 */
    margin: 20px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.image-container {
    flex: 1;
    padding: 20px;
    text-align: center; /* 将图像在容器中居中对齐 */
}

.image-container img {
    max-width: 100%; /* 图像宽度不超过容器宽度 */
    height: auto; /* 自动调整图像高度，保持宽高比 */
}

.text-container {
    flex: 2;
    padding: 20px;
}

/* 重置一些默認樣式 */
body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
}

/* 基本風格 */
body {
    font-family: 'Poppins', Arial, sans-serif; /* 使用 'Poppins' 作為主要字體，如果不可用，則使用 Arial 和 sans-serif 作為備用字體 */
    background-color: #ffffff; /* 白色背景 */
    color: #333; /* 黑色文本 */
}

header {
    text-align: center;
    padding: 20px;
    background-color: #13294B; /* 哥倫比亞大學的藍色 */
    color: #fff;
}

nav {
    text-align: right;
    padding: 10px;
    background-color: #13294B; /* 哥倫比亞大學的藍色 */
    color: #fff;
}

nav ul {
    list-style-type: none;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: bold; /* 增加粗體以突顯重要連結 */
}

section {
    padding: 20px;
    background-color: #fff;
    margin: 20px auto;
    border-radius: 5px;
    max-width: 800px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* 添加陰影以提供深度感 */
}

.project {
    margin-top: 20px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

footer {
    text-align: center;
    padding: 10px;
    background-color: #13294B; /* 哥倫比亞大學的藍色 */
    color: #fff;
}