body{
    background-color: #80cbc4
}
.Project{
    color: blackX;
}
.imageContainer{
    display: flex;
    justify-content: center;
    align-items : center;
    flex-direction: column;
    margin-top: 100px;   
}
.ImageProject{
    height: 200px;
    width: 400px;
    margin-top: 40px;
}
.content{
    display: flex;
    flex-direction: row;
    margin-right: 50px;
}
.gambar-bergerak-1 {
    position: absolute;
    top: 0;
    margin-top: 200px;
    left: 0;
    width: 400px; /* ukuran gambar */
    height: 300px; /* ukuran gambar */
    border-radius: 20px;
    animation: bergerak-1 5s infinite; /* nama animasi, durasi, dan jumlah pengulangan */
  }
  
  .gambar-bergerak-2 {
    position: absolute;
    top: 0;
    margin-top: 200px;
    left: 150px; /* posisi gambar ke kanan 150px */
    width: 400px; /* ukuran gambar */
    height: 300px; /* ukuran gambar */
    border-radius: 20px;
    animation: bergerak-2 5s infinite; /* nama animasi, durasi, dan jumlah pengulangan */
  }
  
  .gambar-bergerak-3 {
    position: absolute;
    top: 0;
    margin-top: 200px;
    left: 300px; /* posisi gambar ke kanan 300px */
    width: 400px; /* ukuran gambar */
    height: 300px; /* ukuran gambar */
    border-radius: 20px;
    animation: bergerak-3 5s infinite; /* nama animasi, durasi, dan jumlah pengulangan */
  }
  
  .gambar-bergerak-4 {
    position: absolute;
    top: 0;
    margin-top: 200px;
    left: 450px; /* posisi gambar ke kanan 450px */
    width: 400px; /* ukuran gambar */
    height: 300px; /* ukuran gambar */
    border-radius: 20px;
    animation: bergerak-4 5s infinite; /* nama animasi, durasi, dan jumlah pengulangan */
  }
  
  @keyframes bergerak-1 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(100vw); /* gerakkan gambar ke kanan sejauh 100vw */
    }
  }
  
  @keyframes bergerak-2 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(150vw); /* gerakkan gambar ke kanan sejauh 150vw */
    }
  }
  
  @keyframes bergerak-3 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(200vw); /* gerakkan gambar ke kanan sejauh 200vw */
    }
  }
  
  @keyframes bergerak-4 {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(250vw); /* gerakkan gambar ke kanan sejauh 250vw */
    }
  }
  .isian{
    margin-top: 400px;
    text-align: center;
    color: #263238;
    font-size: x-large;
  }
  .isianKedua{
    color: #263238;
    font-size: medium;
  }
  .button{
    margin-top: 20px;
  }