/* style.css */

/* --- PERBAIKAN: Hapus margin global yang merusak layout --- */
* {
    /* UBAH DARI margin: 10px; */
    margin: 0; 
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    color: #333;
    line-height: 1.6;
}
/* ... Style Header dan Menu Lainnya Tetap ... */

/* --- PERBAIKAN: Atur Container Utama --- */
.container {
    /* Hapus padding: 20px; dan margin: 20px; */
    /* Atur lebar dan margin agar container di tengah dan punya jarak aman */
    width: 90%; /* Gunakan persentase untuk responsif */
    max-width: 1240px; /* Batasi lebar maksimum */
    margin: 20px auto; /* Margin atas/bawah 20px, auto untuk tengah */
    padding: 0;
    display: flex;
    gap: 20px;
}

/* --- PERBAIKAN: Atur Bar dan Main Content --- */
.left-bar, .right-bar {
    width: 200px;
    /* Hapus height: 450px; agar sidebar menyesuaikan konten utama */
    min-height: 450px; /* Jika perlu tinggi minimum */
    background-color: pink;
    padding: 20px;
    border-radius: 10px;
}

.main-content {
    /* Biarkan flexbox menentukan lebar main content */
    flex-grow: 1; 
    /* Hapus width: 800px; agar responsif di dalam container */
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
}

/* Tambahkan clearing untuk float di dalam main-content (gallery/profile) */
.main-content::after {
    content: "";
    display: table;
    clear: both;
}


/* --- FOOTER STYLE (Jika ingin menggunakan style dari jawaban sebelumnya) --- */
.footer-wrap {
    width: 100%;
    margin-top: 20px; /* Jarak dari konten di atasnya */
}
.footer {
    background-color: #ffc0cb; /* Pink Muda */
    color: #555;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    box-shadow: 0 -2px 10px rgba(233, 30, 99, 0.1); 
}

/* ... Sisa Style Gallery dan Profile Tetap ... */