html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    background-color: rgb(71, 71, 71);
    /* Penting untuk memastikan body menutupi seluruh viewport */
    min-height: 100vh; 
}

/* --- HAPUS ATURAN KONFLIK DIHILANGKAN --- */

.contain {
   /* Hapus properti color dan text-decoration di sini karena tidak akan bekerja pada link */
}

/* --- STYLING NAVBAR --- */
.ul-contain {
    background-color: rgb(5, 5, 5); /* Warna Hitam */
    height: 50px;
    
    display: flex;
    list-style: none;
    padding: 5px;
    margin: 0;
    color: white; /* Warna default untuk teks di dalam UL */
    
    justify-content: center; /* Item di tengah horizontal */
    align-items: center; /* Item di tengah vertikal */
}

/* Target link di dalam UL untuk menghilangkan garis bawah dan memastikan warna putih */
.ul-contain a {
    color: inherit; /* Mewarisi warna putih dari .ul-contain */
    text-decoration: none; /* **PERBAIKAN: Menghilangkan garis bawah link** */
    display: block; /* Penting untuk membuat area border/padding bekerja pada link */
}

.li-contain {
    border: 1px solid rgb(255, 255, 255); 
    padding: 8px;
    margin: 0 10px; 
    cursor: pointer;
    /* Tambahkan transisi agar hover terlihat halus */
    transition: background-color 0.3s, border-color 0.3s; 
}

/* Styling Hover untuk interaksi */
.li-contain:hover {
    background-color: rgb(50, 50, 50); /* Ubah warna saat disentuh */
    border-color: yellow; /* Ubah warna border saat disentuh */
}

/* --- STYLING KONTEN UTAMA --- */
.konten {
    background-color: black;
    min-height: 500px;
    padding: 20px;
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
}
/* Tambahan styling untuk H1 di konten */
.konten h1 {
    color: white;
}

/* --- STYLING GAMBAR --- */
.img-konten {
    max-width: 30%; 
    height: auto;
    margin-top: 20px;
}

/* --- STYLING FOOTER --- */
.footer {
    background-color: rgb(30, 30, 30);
    color: white;
    text-align: center;
    padding: 15px 0;
}
.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer li {
    /* Atur font-size agar tidak terlalu besar */
    font-size: 0.9em; 
}