body {
font-family: Arial, sans-serif;
background-color: #ccc;
margin: 0;
padding: 0;
}
h1, h2 {
color: #2c3e50;
font-size: 24px;
}
.wrapper {
max-width: 900px;
margin: auto;
}
header, nav {
background: #F22148;
background: linear-gradient(135deg, #F22148, #A8091C);
border-top:1px solid white;
}

nav a {
        text-transform: uppercase;
  font-weight: bold !important;
  color:#fff !important;
  text-align: center;
}
nav a:hover {
   color:#EDDD53 !important;
}
.navbar-toggler-icon {
  filter: brightness(0) invert(1); /* Membuat ikon jadi putih */
}
.navbar-toggler {
  border-color: white;            /* Garis border putih */
  background-color: transparent;  /* Atau bisa pakai background lain */
}
footer {
text-align: center;
font-size: 0.9em;
color: #777;
padding: 20px;
}
.hongkong {
    background: #F22148;
color:#fff;
font-weight: bold;
text-transform: uppercase;
}

.live-draw td {
        padding: 10px;
    border: 1px solid #ddd;
    width: 15%;
    font-weight: bold;
text-transform: uppercase;

}
.live-draw th {
        padding: 10px;
    border: 1px solid #ddd;
}
.hklotto {
 background: #F22148;
}

/* Table styles */
table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    margin: 10px auto;
    text-align: center;
}



.result td {
    padding: 5px;
    border: 1px solid #ddd;
    color: #000;
}


.result th {
    color: #fff;
    padding: 5px;
    border: 1px solid #fff;
}

