.bio-container {
    padding: 1.5rem; /* Memberikan ruang ke seluruh container */
    background-color: #121212; /* Menggunakan latar belakang utama */
    color: #E4E4E4; /* Warna teks utama */
    font-family: 'Open Sans', 'Shippori Mincho', sans-serif; /* Konsisten dengan tema */
    line-height: 1.7; /* Sama dengan tema utama */
}

.bio-profile {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem; /* Jarak bawah ke elemen berikutnya */
}

.bio-picture {
    width: 180px;
    height: 180px;
    border-radius: 2%; /* Membuat gambar berbentuk lingkaran */
    margin-right: 1.5rem; /* Memberi jarak antara gambar dan teks */
    border: 2px solid #FFC857; /* Border sesuai dengan warna utama */
}

.bio-info {
    flex-grow: 1; /* Membiarkan info memenuhi ruang yang tersisa */
}

.bio-name {
    font-size: 1.8rem; /* Ukuran teks nama */
    color: #FFC857; /* Warna teks sesuai dengan tema */
    font-family: 'Merriweather', serif; /* Font khusus untuk heading */
    margin-bottom: 0.5rem;
}

.bio-description {
    color: #E4E4E4;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.bio-links a {
    color: #FFC857; /* Warna tautan */
    margin-right: 1rem;
    text-decoration: none;
    font-size: 1rem;
}

.bio-links a:hover {
    color: #E4E4E4; /* Warna tautan saat hover */
}

.bio-content {
    margin-bottom: 1.5rem; /* Jarak dengan bagian "What's New" */
    font-size: 1rem;
    color: #ccc; /* Warna teks yang lebih lembut */
}