/* portfolio.css */
html, body {
       background: linear-gradient(to bottom, #000000 0%, #000000 40%, #121212 60%, #121212 100%);
  color: #fff;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

.portfolio-card-content {
  padding: 16px;
  color: #e0e0e0; /* Слегка осветлить текст для лучшей читаемости */
}

.portfolio-card:hover {
  transform: translateY(-5px);
}

.portfolio-thumb-container {
  position: relative;
  cursor: pointer;
}

.portfolio-thumb-container img {
  width: 100%;
  display: block;
}

/* Добавьте этот код в portfolio.css */
.glow-number {
    text-shadow: 
        0 0 10px rgba(255, 0, 0, 0.7),
        0 0 20px rgba(255, 0, 0, 0.5),
        0 0 30px rgba(255, 0, 0, 0.3);
    animation: glow-pulse 2s infinite alternate;
}

@keyframes glow-pulse {
    from {
        text-shadow: 
            0 0 10px rgba(255, 0, 0, 0.7),
            0 0 20px rgba(255, 0, 0, 0.5),
            0 0 30px rgba(255, 0, 0, 0.3);
    }
    to {
        text-shadow: 
            0 0 15px rgba(255, 0, 0, 0.8),
            0 0 25px rgba(255, 0, 0, 0.6),
            0 0 35px rgba(255, 0, 0, 0.4);
    }
}