.sec-home2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;

}

.portfolio {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    /*transition: all 500ms;*/
}

.portfolio-card {
    display: flex;
    flex-direction: column;
    width: 350px;
    height: 270px;
    /*background-color: rgba(0,0,0,0.2);*/
    margin: 10px;
    transition: all 1000ms;
    position: relative;
    left: -100%;
    top: 0;
    font-family: "Segoe UI";
    overflow: hidden;

}

@keyframes pcard-anim {
    0% {
        left: -100%
    }
    50% {
        left: 10%
    }
    70% {
        left: 0
    }
    85% {
        left: 3%
    }
    100% {
        left: 0
    }

}

.portfolio-card .info {
    opacity: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
    transition: all 500ms;
    top: 100%;
    padding: 5px;
    border: 1px solid #f5f;
    z-index: 1000;

}

.portfolio-card .images {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.portfolio-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 300ms;
}

@keyframes change-image {
    0% {
        z-index: 0
    }
    100% {
        z-index: 10
    }
}

.portfolio-card:hover .info {
    opacity: 1;
    top: 0;
}

.portfolio-card:hover img {
    filter: blur(4px);
}

.portfolio-card:hover .title {
    top: 0;
}

.portfolio-card:hover .description {
    top: 0;
}

.portfolio-card .title {
    display: flex;
    flex-direction: row;
    padding: 5px;
    justify-content: space-between;
    position: relative;
    top: 100px;
    transition: all 300ms;
    transition-delay: 300ms;
}

.portfolio-card .description {
    padding: 10px;
    line-height: 1;
    color: #999;
    overflow: hidden;
    position: relative;
    top: 100px;
    transition: all 500ms;
    transition-delay: 500ms;
}

.portfolio-card .description p {
    text-align: justify;
}

.portfolio-card .description a {
    color: #f5f;
}