@import "common/animations-xrPgp8y.css";

/* card animation for intersection observer */ 
.project-card {
    opacity: 0;
    transform: translateY(2rem);
    transition: opacity 0.7s cubic-bezier(0.4,0,0.2,1), transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.project-card.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 416px) {
    header #company-name {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 770px) {
    header #company-name {
        display: none;
    }
}