/* Menghilangkan margin bawaan browser dan memenuhi layar */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Mengatur Kontainer Utama agar kontennya berada di tengah */
.kontainer-utama {
    display: flex;
    justify-content: center; /* Menengahkan secara horizontal (kanan-kiri) */
    align-items: center;     /* Menengahkan secara vertikal (atas-bawah) */
    min-height: 100vh;       /* Memastikan tinggi kontainer memenuhi layar penuh */
    background-color: #f0f2f5;
}

/* Mengatur kotak konten agar responsif di HP dan PC */
.box-konten {
    width: 100%;              /* Lebar kotak 90% dari layar HP agar tidak mentok */
    max-width: 1000px;        /* Lebar maksimal kotak saat dibuka di PC */
    padding: 30px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;      /* Membuat teks di dalam box ikut rata tengah */
}