tkritsu4/techtube-tutorials

1.tutorial-card {2    @apply bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition-shadow duration-300;3}4 5.thumbnail-container {6    @apply relative aspect-video;7}8 9.thumbnail {10    @apply w-full h-full object-cover;11}12 13.play-overlay {14    @apply absolute inset-0 flex items-center justify-center bg-black bg-opacity-30 opacity-0 hover:opacity-100 transition-opacity duration-300;15}16 17.play-icon {18    @apply text-white w-12 h-12 bg-primary rounded-full p-3;19}20 21.duration-badge {22    @apply absolute bottom-2 right-2 bg-black bg-opacity-70 text-white text-xs px-2 py-1 rounded;23}24 25.line-clamp-2 {26    display: -webkit-box;27    -webkit-line-clamp: 2;28    -webkit-box-orient: vertical;29    overflow: hidden;30}31 32/* Responsive adjustments */33@media (max-width: 640px) {34    .tutorial-grid {35        grid-template-columns: repeat(1, 1fr);36    }37}