.portfolio-main a {
    color: var(--color-text);

    text-decoration: none;
}

.portfolio-section {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;

    box-shadow: inset 0 0 65px var(--color-background-8p);

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    min-height: 450px;

    transition: var(--transition-base);
}

.portfolio-section:hover {
    transform: scale(1.05);

    transition: var(--transition-base);
}

.portfolio-section h2 {
    width: 25%;
    min-width: 252px;

    margin-bottom: 0;

    background: #17171e;
    background: linear-gradient(90deg,var(--color-background-8p) 0%, var(--color-background-4p) 90%, rgba(0, 0, 0, 0) 100%);

    text-shadow: 2px 2px 2px var(--color-background-8p);

    transition: color var(--transition-base), text-shadow var(--transition-base),
                border-left-color var(--transition-base), background var(--transition-base);
}

@media (max-width: 768px) {
    .portfolio-section {
        align-items: center;
    }

    .portfolio-section h2 {
        min-width: 190px;
    }
}