.collapsible{
     background-color: #777;
     color: white;
     cursor: pointer;
     padding: 0px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 15px;
     margin-bottom: 2px;
       }
       .active, .collapsible:hover {
     background-color: #555;
       }
       .content {
         padding: 0 18px;
         display: none;
         overflow: hidden;
         background-color: #000;
         transition: 200ms ease-out;
       }
       .button {
             background-color: #000000;
             -webkit-border-radius: 60px;
             border-radius: 10px 10px 10px 10px;
             border: none;
             color: #eeeeee;
             cursor: pointer;
             display: inline-block;
             font-family: sans-serif;
             font-size: 20px;
             padding: 10px;
             text-align: center;
             text-decoration: none;
           }
           @keyframes glowing {
             0% {
               background-color: #301eff;
               box-shadow: 0 0 5px #301eff;
             }
             50% {
               background-color: #2012ca;
               box-shadow: 0 0 20px #2012ca;
             }
             100% {
               background-color: #1709af;
               box-shadow: 0 0 5px #1709af;
             }
           }
           .button {
             animation: glowing 1300ms infinite;
           }

  body {
      background-color: #000000;
      color: #ffffff;
  }
  table {
      border-collapse: separate;
      border-spacing: 2px;
      width: 100%;
  }
  th, td {
      padding: 5px; /* Mengurangi padding vertikal */
      text-align: center;
      transition: all 0.3s ease;
      height: 30px; /* Mengurangi tinggi sel */
  }
  th {
      background: linear-gradient(to bottom, #00AEFF, #000, #00AEFF);
      border: 3px solid #00AEFF;
      color: white;
      position: relative;
      overflow: hidden;
      font-size: 18px; /* Mengurangi ukuran font header */
      font-weight: bold;
  }
  td {
      border: 2px solid #00AEFF;
      background-color: #000000;
      color: #ffffff;
      font-size: 14px; /* Mengurangi ukuran font sel */
      font-weight: bold;
  }
  th:hover::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255,255,255,0.3);
      transform: translateX(-100%);
      animation: shine 0.5s ease-in-out;
  }
  @keyframes shine {
      100% {
          transform: translateX(100%);
      }
  }