body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;

        }

        .container {
            width: 100%;
            margin: auto;
            background-color:black;
        }

        header {
            background: #50b3a2;
            color: white;
            text-align: center;
            padding: 1em 0;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th,
        td {
            padding: 12px;
            border-bottom: 1px solid #ddd;
            text-align: center;

        }

        th {
            background-color: #7e652c;
            color: white;
            text-align: center;

        }

        tr{
                      font-size: 12px;

        }

        tr:hover {
            background-color: #f5f5f5;

        }

           /* Mengatur warna latar belakang untuk baris ganjil */
        tr:nth-child(odd) {
            background-color: #e9ecef;
        }
        
        /* Mengatur warna latar belakang untuk baris genap */
        tr:nth-child(even) {
            background-color: #f8f9fa;
        }
        
        tr:hover {
            background-color: #f1f1f1;
        }

        p {
          text-align:center;
          margin:0px;
        }

        .gambar {
          width:100%;
        }
        

        .button {
    background-color: #7e652c;
    border: none;
    color: white;
    padding: 7px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}
        @media (max-width: 768px) {
            .container {
                width: 100%;
            }
        }