.skills__lista{
    display: flex;
    justify-content: space-between;
}
.skills__card{
    display: flex;
    flex-direction: column;
    border: 1px solid black; 
    padding: 1rem 1rem;
    width: 10rem;
    border-radius: 10px;
    box-shadow: 10px 5px 10px black;
}
.skills__logo {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1.5rem;
}
.skills__card:hover{
    border: 1px solid red;
}
@media screen and (max-width: 768px) {
    .skills__lista{
    flex-wrap: wrap;    
   }
   .skills__card{
    width: 5rem;
    align-items: center;
    margin-bottom: 1rem;
   }
}