.tecnologies{
    background-color: var(--background-color3);
    padding: 4em 20%;
}

.tecnologies-item{
    margin-bottom: 1em;
}

.tecnologies-item-txt{
    color: var(--white);
    font-family: 'Poppins', sans-serif;
    line-height: 2em;
}

.progress{
    width: 50%;
}

.card{
    width: 18rem;
    z-index: 2;
}

.card-img{
    filter: sepia(100%) hue-rotate(120deg) blur(1.7px);
}

.college-card{
    background: var(--background-color2);
    font-family: 'Poppins', sans-serif;
    color: var(--white);
}

.college-card{
    outline: 1px solid var(--background-color2);
}

.card-title{
    line-height: 1.8em;
    font-size: 1em;
}

.card-date{
    color: aquamarine;
    font-size: 0.7em;
    line-height: 1.4em;
}

.card-text{
    line-height: 1.3em;
}

@media screen and (max-width:1650px) {
    .tecnologies{
        padding-left: 15%;
        padding-right: 15%;
    }
}

@media screen and (max-width:1400px) {
    .tecnologies{
        padding-left: 10%;
        padding-right: 10%;
    }
}

@media screen and (max-width:850px) {
    .progress{
        width: 100%;
    }
    .tecnologies-center{
        display: flex;
        justify-content: center;
        gap: 2rem;
    }
}

@media screen and (max-width: 500px) {
    .tecnologies-item{
        transform: translateX(-10%);
        width: 130%;
    }
    .tecnologies{
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }
}