/* Custom styles for new.html */
/* These styles complement Tailwind CSS */

/* Custom font settings */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

/* GitHub-inspired custom styles */
.github-header {
  background-color: #24292e;
}

.github-btn {
  background-color: #2ea44f;
  border: 1px solid rgba(27, 31, 35, 0.15);
  transition: background-color 0.2s;
}

.github-btn:hover {
  background-color: #2c974b;
}

/* Custom animations */
.fade-in {
  animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Custom card styles */
.custom-card {
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  transition: box-shadow 0.3s, transform 0.3s;
}

.custom-card:hover {
  box-shadow: 0 8px 24px rgba(149, 157, 165, 0.2);
  transform: translateY(-4px);
}

/* Repository card styles */
.repo-card {
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  padding: 16px;
}

.repo-language-color {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 5px;
}

/* Footer styles */
.github-footer {
  background-color: #f6f8fa;
  border-top: 1px solid #e1e4e8;
}