/* Mengatur seluruh halaman */
body {
    font-family: Arial, sans-serif;
    background-color: #222; /* Warna latar belakang gelap */
    color: #f4f4f4;         /* Warna teks terang (putih keabuan) */
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column; /* Mengatur tata letak jadi kolom */
    min-height: 100vh;      /* Tinggi minimal 100% dari layar */
    text-align: center;     /* Semua teks di tengah */
}

/* Kontainer untuk konten utama */
.container {
    flex: 1; /* Membuat kontainer ini mengisi ruang yang tersedia */
    padding: 20px;
}

/* Mengatur gaya Judul */
h1 {
    color: #FFDE59; /* Warna kuning mirip teks di gambar */
    font-size: 2.5rem; /* Ukuran font lebih besar */
    margin-bottom: 25px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Bayangan teks */
}

/* Mengatur gaya Gambar */
img {
    max-width: 100%; /* Lebar gambar maksimal 100% dari kontainer */
    height: auto;    /* Tinggi otomatis menyesuaikan lebar */
    border-radius: 10px; /* Sudut gambar sedikit melengkung */
    border: 3px solid #f4f4f4; /* Garis tepi putih */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); /* Bayangan gambar */
}

/* Mengatur gaya Footer */
footer {
    width: 100%;
    padding: 15px 0;
    background-color: #111; /* Latar belakang footer lebih gelap */
    color: #888;           /* Warna teks footer abu-abu */
    margin-top: auto;     /* Mendorong footer ke bagian paling bawah */
    font-size: 0.9rem;
}