.posts-list {
    display: flex;
    flex-direction: column;
    gap: 30px; /* Space between posts */
}

.post-preview {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background-color: white; /* White background */
    padding: 15px; /* Padding inside the box */
    margin: 10px 0; /* Margin around the box for spacing */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
    border-radius: 5px; /* Optional: rounds the corners of the box */
}

.post-image img {
    width: 100%; /* Make image fill the container */
    height: auto; /* Maintain aspect ratio */
    border-bottom: 1px solid #ddd; /* Separation line between image and text */
}

.post-details {
    padding: 15px;
}

.post-details h2 {
    margin-top: 0;
    font-size: 1.5rem;
}

.post-details time {
    font-size: 1.0rem;
    color: #666;
}

.post-details p {
    margin-top: 10px;
}

.post-details .post-author {
    font-size: 1.0rem;
    color: #666;
    margin-top: 10px; /* Adjust spacing as needed */
}

.post-details .post-summary-box {
    background-color: white; /* White background */
    padding: 15px; /* Padding inside the box */
    margin: 10px 0; /* Margin around the box for spacing */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional: adds a subtle shadow for depth */
    border-radius: 5px; /* Optional: rounds the corners of the box */
}

.alumni-section h2 {
    font-size: 1.5rem; /* Adjust the font size as needed */
}

.alumni-entry li {
  margin-bottom: 0.5rem;
  line-height: 1.4;
  font-size: 1.0rem;
}

.alumni-entry li strong {
  font-weight: bold;
  font-size: 1.0rem;
}

.lab-member h3 {
    font-size: 1.0rem; /* Adjust to your preference */
}

.lab-member p, .lab-member .social-links {
    font-size: 1.0rem; /* Adjust to your preference */
}

.lab-member img {
    width: 100%; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
    max-width: 200px; /* Or any specific width you prefer */
    object-fit: cover; /* This will cover the area without breaking the aspect ratio */
    border-radius: 50%; /* Optional: for round images */
}

.post-content a {
    text-decoration: underline;
    color: blue;
}

.post-content a:hover {
    opacity: 100%;
    transition: opacity 200ms;
}

.post-content a:hover {
    opacity: 75%;
}