*,
html {
    margin: 0;
    padding: 0;
}



/* practice */

.kontainer-foto {
  display: flex; /* Mengaktifkan mode flexbox */
  align-items: center; /* Membuat teks rata tengah secara vertikal dengan foto */
  gap: 20px; /* Memberikan jarak antara foto dan teks */
}

.foto {
  max-width: 50%; /* Mengatur lebar foto agar tidak terlalu besar */
  height: auto;
}

.teks-samping {
  flex: 1; /* Membuat teks mengisi sisa ruang yang ada */
  margin-top: -0;
  padding-top : -0; ;
  opacity: 1;
}

/* Animasi khusus untuk tulisan WELCOME */
.teks-samping h2 {
  font-size: 36px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 24px;
  color: #000000;

  /* --- KODE ANIMASI FADE IN OUT BERULANG --- */
  animation: fadeInOut 4s ease-in-out infinite; /* Berputar terus-menerus tanpa henti */
}

/* Definisi gerakan transisi fade in dan out */
@keyframes fadeInOut {
  0% {
    opacity: 0; /* Mulai dari tidak terlihat */
  }
  50% {
    opacity: 100; /* Muncul sempurna di tengah durasi */
  }
}



/* practice end */

/* feature */
/* feature end */





/* pricing */
/* pricing end */






/* about */

.img-about {
    width: 19%;
    height:60%;
}

.img-about:hover {
    background-color: rgb(233, 8, 8);
    transition: 0.2s;
    transition-delay: 0.1s;
    border-radius: 8px;
}

/* about end */