.flex-sa{
    display: flex;
    justify-content: center;
}

.flex-c{
    display: flex;
    justify-content: center;
}

.flec-col-c{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
}


.card{
   
    color: rgb(43, 43, 43);
    width: 15rem;
    padding: 10px;
    height: 25rem;
    margin: 5px;
    background-color: #ffffff;
    transition: all ease 0.3s;

}

.card:hover{
    transform: scale(1.05);
}


.card i{
    font-size: 50px;
}

.m-5{
    margin: 50px;
}

@media screen and (max-width: 600px) {
    .flex-sa{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  }