@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
  font-family: 'Roboto', sans-serif;
  background-color: #141414;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #303030;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #E50914;
  border-radius: 4px;
}

/* Row hover effects */
.row-item:hover {
  transform: scale(1.1);
  z-index: 10;
}

.row-item {
  transition: transform 0.3s ease;
}

/* Loading animation */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}