@import 'base/reset.css';

@import 'components/nav.css';
@import 'components/profile.css';
@import 'components/grid.css';
@import 'components/modal.css';
@import 'components/slider.css';
@import 'components/footer.css';
@import 'components/themes.css';

.content-section {
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}