
@keyframes slide-in {
    0% {
      top: -100%;
    }

    100% {
      top: 50%;
    }
  }

  .link-container {
    display: flex;
    justify-content: center;
    font-size: var(--x-large-font);
    padding: 0;
    width: 100%;
  }

  .link-container a {
    width: 50%;
    text-align: center;
    padding: 15px 20px;
    text-transform: uppercase;
    color: #000;
    font-weight: bolder;
    text-decoration: none;
  }

  .main-feature {
    background: linear-gradient(45deg,#444141 0%,#7c7076 10%,#504d4e 35%,#868083 90%,#b6b3b5);
    padding: 10px;
    color: #fff;
  }

  .register-button {
    background-image: linear-gradient(rgb(203, 6, 6), rgb(127, 11, 11));
    background-color: initial;
  }

  .login-button {
    background-image: linear-gradient(rgb(255, 215, 0), rgb(255, 210, 0));
    background-color: initial;
  }

  .word h1,
  h2,
  h3 {
    margin-top: 3%;
    margin-bottom: 2%;
    text-align: center;
    color: #ffc400;
  }

  .word p,
  ul {
    color: #dddddd;
  }

  .word table,
  th,
  td {
    padding: 5px;
    color: #dddddd;
  }
  .responsive-img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 8px; /* opsional */
}

.center-bold-yellow {
  text-align: center;
  font-weight: bold;
  color: #ffc400;     /* warna kuning emas */
  margin-top: 15px;
  font-size: 2.5rem;  /* ukuran h1 */
}
.main-feature {
  background: transparent;      /* Menghilangkan warna latar */
  box-shadow: none;             /* Menghilangkan bayangan jika ada */
  border: none;                 /* Menghilangkan garis tepi */
  padding: 0;                   /* Menghilangkan padding jika tidak diperlukan */
