@keyframes fadeIn {
    from {
        opacity: 0;
    } to {
        opacity: 1;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(500px);
    } to {
        transform: translateX(0);
    }
}

@keyframes fadeUp {

    0% {
        width: 0%;
        overflow: hidden;
    } 60% {
        overflow: hidden;
        width: 60%;
    } 100% {
        overflow: hidden;
        width: 100%;
    }
}
@keyframes pulse {
    0% {
        transform: scale(1.009);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
        
    } 100% {
        transform: scale(1.009);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
        
    }
}
.carousel {
    animation: fadeIn 2s ease-in 1;
}

.project-card:hover {
    transform: scale(1.009);
    animation: pulse .25s ease-in-out 1;
}
.about-titles {
    animation: fadeUp 1.5s ease-in 1;
}

.slide-left {
    animation: fadeInRight .5s ease-in 1;
}