File size: 1,195 Bytes
a7479c8 afb63de a7479c8 afb63de a7479c8 afb63de a7479c8 afb63de a7479c8 afb63de a7479c8 afb63de a7479c8 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Poppins', sans-serif;
}
.category-card {
@apply py-3 px-4 rounded-lg text-center font-medium transition-all duration-200 shadow-md;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
@apply bg-gray-200 dark:bg-gray-800;
}
::-webkit-scrollbar-thumb {
@apply bg-primary rounded-full;
}
::-webkit-scrollbar-thumb:hover {
@apply bg-primary-dark;
}
/* Animation for movie cards */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
movie-card {
animation: fadeIn 0.5s ease-out forwards;
opacity: 0;
}
movie-card:nth-child(1) { animation-delay: 0.1s; }
movie-card:nth-child(2) { animation-delay: 0.2s; }
movie-card:nth-child(3) { animation-delay: 0.3s; }
movie-card:nth-child(4) { animation-delay: 0.4s; }
/* Responsive video player */
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
overflow: hidden;
}
.video-container iframe {
position: absolute |