.button-hp{
    height: 80%;
    display: inline-block;
    margin-top: 50%;
    box-shadow: 3px 6px 10px 0 rgba(0,0,0,0.2);
    cursor: pointer;
}

.card-hp{
    width: 14%;
    border-radius: 10px;
    float: left;
    margin-right: 4%;
    margin-left: 6%;
    margin-top: 6%;
}
.card-title-hp{
    text-align: center;
    color: #334257;
    height: 10%;
    max-height: 10%;
}
.card-text-hp{
    text-align: center;
    color: #334257;
}
.button-container-hp{
    text-align: center;
}


