.kartu a {
  color: inherit;

  /* Mengambil warna dari elemen induk */
  text-decoration: none;

  /* Menghapus garis bawah */
}

.kartu a:hover {
  text-decoration: underline;
}

.kartu {
  margin: 24px;
  padding: 24px;
  border-radius: 20px;
  background-color: #ffffff;
  height: AUTO;
  box-shadow: 15px 10px;
  width: 300px;
}

body {
  background-color: #f4d04e;
  margin: auto;
  padding: auto;
}

.pembungkusLuar {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
  height: 100%;
}

.gambarHero {
  height: 200px;
  width: 100%;
  border-radius: 10px;
}

.hero {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.kategori {
  margin: 0;
  padding: 0;
  width: 35%;
}

h3 {
  padding: 4px 12px;
  margin: 0;
  width: auto;
  background-color: #f4d04e;
  border-radius: 4px;
  font-family: "Figtree", sans-serif;
}

.konten {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  row-gap: 12px;
}

h4 {
  margin: 0;
  padding: 0;
  font-family: "Figtree", sans-serif;
}

h2 {
  margin: 0;
  padding: 0;
  font-family: "Figtree", sans-serif;
}

p {
  margin: 0;
  padding: 0;
  font-family: "Figtree", sans-serif;
}

.fotoProfil {
  width: 100px;

  /* Atur lebar kontainer */
  height: 100px;

  /* Atur tinggi kontainer */
  border-radius: 50%;

  /* Membuat kontainer menjadi bulat */
  overflow: hidden;

  /* Memotong gambar yang keluar dari kontainer */
  display: flex;

  /* Untuk memusatkan gambar */
  justify-content: center;

  /* Memusatkan gambar secara horizontal */
  align-items: center;

  /* Memusatkan gambar secara vertikal */
}

.profil {
  width: 50px;

  /* Atur lebar gambar */
  height: 50px;

  /* Atur tinggi gambar */
  border-radius: 50%;

  /* Membuat gambar menjadi bulat */
  object-fit: cover;

  /* Memastikan gambar tetap proporsional */
}

h5 {
  margin: 0;
  padding: 0;
}

.author {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 12px;
}

.wrapper {
  display: grid;
  place-items: center;

  /* Memusatkan secara horizontal dan vertikal */
  height: auto;

  /* Tentukan tinggi kontainer */
}

.kartu:hover intro {
  cursor: pointer;
  box-shadow: 20px 15px;
}

.kartu:hover {
  cursor: pointer;
  box-shadow: 20px 15px;
}

.kartu:hover h2 {
  color: #f4d04e;
}