/* การกำหนด keyframes สำหรับ fade-in */
@keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  /* แอปพลิเคชันแอนิเมชัน */
  body {
    margin: 0;
    font-family: Arial, sans-serif;
    animation: fadeIn 2s ease-in-out; /* ใช้ fadeIn */
  }

  .container {
    text-align: center;
    margin-top: 35%;
    animation: slideIn 2s ease-in-out; /* เพิ่มแอนิเมชัน slideIn */
  }

  /* keyframes สำหรับ slide-in */
  @keyframes slideIn {
    from {
      transform: translateY(50px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }