body {
      background-image: url(../image/background.png);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom;
      background-attachment: fixed;
      display: flex;
      min-height: 100vh;
      flex-direction: column;
      justify-content: space-between;
    }

    .fade-in1 {
      animation: fadeIn 1s ease-in forwards;
      opacity: 0;
      animation-delay: 250ms;
    }

    .fade-in-delay1 {
      animation: fadeIn 1s ease-in forwards;
      opacity: 0;
      animation-delay: 1s;
    }

    .fade-in-delay-21 {
      animation: fadeIn 2s ease-in forwards;
      opacity: 0;
      animation-delay: 1s;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
      }

      to {
        opacity: 1;
      }
    }

    .transparan {
      background: transparent;
    }

    .transparan-agak {
      background: rgba(0, 0, 0, 0.5);
    }

    .card {
      transition: all 0.5s ease;
    }

    .transisi {
      transition: all 0.5s ease;
    }

    .card.border-primary:hover {
      background-color: var(--bs-primary) !important;
      color: white;
      transform: scale(1.06);
    }

    .card.border-info:hover {
      background-color: var(--bs-info) !important;
      color: white;
      transform: scale(1.06);
    }

    .card.border-success:hover {
      background-color: var(--bs-success) !important;
      color: white;
      transform: scale(1.06);
    }

    .transisi.border-warning:hover {
      background-color: var(--bs-warning) !important;
      color: white;
      transform: scale(1.06);
    }

    .btn.border-primary:hover {
      background-color: var(--bs-primary) !important;
      color: white;
      transform: scale(1.06);
    }

    .btn.border-danger:hover {
      background-color: var(--bs-danger) !important;
      color: white;
      transform: scale(1.06);
    }

    .modal-content.bg-dark .btn-close {
      filter: invert(1) grayscale(100%) brightness(200%)
    }

    .kaca {
      /* From https://css.glass */
      background: rgba(0, 0, 0, 0.23);
      border-radius: 16px;
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
      backdrop-filter: blur(10.4px);
      -webkit-backdrop-filter: blur(10.4px);
    }