#profile-pic {
    opacity: 0%;
    animation: fade-animation 1.5s forwards;
    animation-delay: 2s;
}

.slide {
    transform: translateX(-800%);
    transform-origin: left;
    animation: text-slide 2.0s forwards;
    animation-delay: 0s;
}

@keyframes text-slide {
    100%{
        transform: translateX(0);
    }
}

@keyframes fade-animation {
    100%{
        opacity: 100%;
    }
}
.slide-animation{
    animation: text-slide 2.0s forwards;
}

.portfolio-item { 
    transition: all .2s ease-in-out; 
}

.portfolio-item:hover{
    transform: scale(1.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}