@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.logo
{
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 25pt;
}



.flex-grow-1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

:root {
        --primary-dark-bg: #1a202c; /* Deep Navy/Gray */
        --card-bg: #2d3748; /* Slightly lighter dark color for cards */
        --accent-color: #f73b5a; /* Vibrant Red/Pink */
      }
      body {
        background-color: var(--primary-dark-bg);
        color: #f7fafc; /* Light off-white text */
        font-family: 'Inter', sans-serif;
        /* FIX: Prevents horizontal overflow/mobile shake */
        overflow-x: hidden; 
      }
      /* Navbar (Transparent over Dark Hero, solid when scrolling) */
      .navbar {
        background-color: transparent !important;
        transition: background-color 0.3s;
      }
      .navbar .nav-link, .navbar-brand {
        color: #f7fafc !important; /* White links */
        transition: color 0.3s;
      }
      .navbar-brand:hover {
        color: var(--accent-color) !important;
      }

      /* Custom Button Style (Red Accent) */
      .btn-custom-accent {
        background-color: var(--accent-color);
        border-color: var(--accent-color);
        color: white;
        font-weight: bold;
        border-radius: 0.25rem;
      }
      .btn-custom-accent:hover {
        background-color: #e53e50;
        border-color: #e53e50;
        color: white;
      }
      .text-accent {
        color: var(--accent-color) !important;
      }

      /* Form Controls for Dark Theme */
      .form-control {
        background-color: #2d3748;
        border: 1px solid #4a5568;
        color: #f7fafc;
        border-radius: 0.25rem;
        padding: 1rem 0.75rem; 
      }
      .form-control::placeholder {
        color: #a0aec0; /* Light gray placeholder text */
      }
      .form-control:focus {
        background-color: #2d3748;
        border-color: var(--accent-color);
        box-shadow: 0 0 0 0.25rem rgba(247, 59, 90, 0.25);
        color: #f7fafc;
      }

      /* Skill Card Styling */
      .skill-card {
        background-color: var(--card-bg);
        color: #f7fafc;
        border: none;
        padding: 2rem;
        transition: transform 0.2s, box-shadow 0.2s;
        min-height: 250px;
        border-radius: 0.5rem;
      }
      .skill-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      }
      .skill-icon {
        font-size: 2rem;
        color: var(--accent-color);
      }
      
      /* Project Card Styling */
      .project-card {
        background-color: var(--card-bg);
        color: #f7fafc;
        border: none;
        border-radius: 0.5rem;
      }
      
      /* Timeline Aesthetic Markers (Disabled for simplicity and potential overflow) */
      @media (max-width: 991.98px) {
        .timeline-container {
            display: none;
        }
      }