.portfolio{
width: 100%;
color: #191c32;
    
}
.portfolio-heading {
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5em;
}

.portfolio-heading h2{
    font-size: 2.5em;
    color: #191c32;
    
}
.portfolio .container {
    width: 85%;
    padding: 5em 0.5em 7em 0em;
    margin: -100px;
    display: flex;
    flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    
}

@media (min-width: 768px) {
    .portfolio .container {
        height: 100vh;
    }
}

.card {
    width: 290px;
    height: 500px;
    background-color: #191c32;
    color: aliceblue;
    margin: .5em;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
}

.card__img {
    width: 90%;
    height: 150px;
    background-image: url(../img/github1.png);
    background-size: cover;
}

.card__title {
    padding: 5px;
}

.card__proyect-links {
    display: flex;
    justify-content: space-evenly;
}

.card__proyect-links a {
    
    text-decoration: none;
}

.card__proyect-links i {
    font-size: 1.5em;
}

.button-content {
    display: flex;
    justify-content: center;
    margin: 1em;
}

.project-details-button a {
    text-decoration: none;
    color: #fff;
}



.project-details-button a:hover {
     
            color: #191c32;
            box-shadow: none;
}