/* Custom Styles */

:root{

    --bs-link-decoration: none;
    --bs-secondary-rgb : 128, 169, 206;
    --bs-btn-bg: #00529c!important;
    --bs-body-color: #333!important;
    --bs-link-color-rgb: 0, 82, 156;
}

a                   {color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration: var(--bs-link-decoration);}
body                {font-family: 'Inter', sans-serif; background-color: var(--bs-gray-300);}
header              {margin-bottom: 1.5rem;border-bottom: 1px solid var(--bs-gray-300);}
.project-card       {transition: transform 0.3s ease, box-shadow 0.3s ease; }
.project-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);}
.prose p            {margin-bottom: 1em; }
.prose a            {color: var(--); text-decoration: none; }

.swiper-button-next, 
.swiper-button-prev {color: #fff; }

.subject-section:not(:last-child) 
                    {border-bottom: 1px solid #e2e8f0;padding-bottom: 2rem;margin-bottom: 2rem;}
#app-content.fade-in 
                    {animation: fadeIn 0.5s ease-in-out;}

@keyframes fadeIn {
    from { 
        opacity: 0; 
        transform: translateY(10px); 
    }
    to { 
        opacity: 1; 
        transform: translateY(0); 
    }
}
.nav-item {margin:0 0.5rem;}