.author-bio-header {
    display: flex;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f4f4f4;

}

.author-bio-thumbnail {
    margin-right: 20px;
}

.author-bio-thumbnail img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.author-bio-content {
    flex: 1;
}

.author-bio-title {
    font-size: 24px;
    margin-bottom: 10px;
}

.author-bio-description {
    font-size: 16px;
    line-height: 1.6;
}

@media (prefers-color-scheme: dark) {

    .author-bio-header {
    background-color: #333333;

    }

    .author-name {
    color: #1cade2;
    }

    .author-name:hover {
    color: #1cade2;  /* Change color on hover */
    text-decoration: underline;  /* Add an underline on hover */
    }


}