body {
      font-family: 'Poppins', sans-serif;
  }

  .reveal {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }

  .reveal.visible {
      opacity: 1;
      transform: translateY(0);
  }

  /* CSS Kustom untuk Slider Tema */
  .theme-slider {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 60px;
      height: 30px;
      background-color: #e2e8f0;
      /* bg-slate-200 */
      border-radius: 30px;
      padding: 4px;
      cursor: pointer;
      transition: background-color 0.3s;
  }

  .dark .theme-slider {
      background-color: #334155;
      /* bg-slate-700 */
  }

  /* Mengubah ukuran ikon toggle */
  .theme-slider .fa-sun {
      color: #f39c12;
      font-size: 1rem;
  }

  .theme-slider .fa-moon {
      color: #8e44ad;
      font-size: 1rem;
  }

  .theme-slider-thumb {
      position: absolute;
      width: 22px;
      height: 22px;
      background-color: #fff;
      border-radius: 50%;
      top: 4px;
      left: 4px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .dark .theme-slider-thumb {
      transform: translateX(30px);
  }