html{
    background-color: #F8F6E8;
    font-family: 'Neue Montreal', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.bg-primary {
    background-color: #F8F6E8;
}

.category-btn {
    color: #27272A;
}

.category-btn.active {
    color: #DF3F32;
    border-bottom-color: #DF3F32;
}

.category-btn:hover {
    color: #DF3F32;
}

.project-item {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.project-item.hide {
    opacity: 0;
    transform: scale(0.95);
    height: 0;
    overflow: hidden;
    margin: 0;
}