/* /assets/css/main.css */

@import url('./core/reset.css');
@import url('./core/variables.css');
@import url('./core/layout.css');
@import url('./core/typography.css');

@import url('./components/header.css');
@import url('./components/footer.css');
@import url('./components/buttons.css');
@import url('./components/cards.css');

@import url('./pages/home.css');
@import url('./pages/contact.css');
@import url('./pages/about.css');
@import url('./pages/services.css');

/* Animations */

.fade-in {

    opacity: 0;
    transform: translateY(20px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;

}

.fade-in.visible {

    opacity: 1;
    transform: translateY(0);

}