body { font-family: Arial, sans-serif; text-align: center; margin: 0; padding: 0; }
header { background-color: #FFFFFF; color: #000000; padding: 10px; }
.logo { max-width: 150px; height: auto; }
nav { margin: 10px 0; }
nav a { color: #000000; text-decoration: none; margin: 0 10px; }
nav a:hover { text-decoration: underline; }
main { padding: 20px; }
section { margin-bottom: 20px; }
.bio { display: flex; align-items: flex-start; margin: 10px 0; } /* Changed to flex-start to align text top */
.headshot { max-width: 100px; height: auto; border-radius: 50%; margin-right: 20px; }
.inline-img { max-width: 100px; height: auto; vertical-align: top; margin-left: 10px; } /* Adjusted vertical alignment */
h2 { font-size: 1.5em; margin: 0 0 10px; } /* Standardized h2 size to prevent excessive growth */
.skyline { margin-top: 20px; }
.skyline-img { max-width: 300px; height: auto; margin: 0 10px; }
footer { background-color: #FFFFFF; color: #000000; padding: 5px; position: fixed; bottom