/* Menambahkan styling untuk video responsive di Tailwind */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .aspect-w-16 {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
  }
  .aspect-h-9 {
    /* No additional styles needed here */
  }
  .aspect-w-16 > iframe,
  .aspect-w-16 > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

body {
    font-family: 'Inter', sans-serif;
}