card.css
p{
    font-family: Arial;
    text-align: middle;
    
}


.profile{
    width: 200px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    display: inline-block;
}


.profile-picture{
    width: 200px;
   height: 200px;
    object-fit: cover;
    margin-bottom: 15px;
}

.name{
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 0;
}

.mutual-friends{
    color: grey;
    font-size: 17px;
    margin-top: 5px;
}
.add-friend-button{
    background-color: rgb(24, 119, 242);
    color: white;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
    border-radius: 5px;
    border:none;
    margin-bottom: 15px;
}

.div2{
    width: 200px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-left: 30px;
}
.name2{
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 0;
    margin-left: 5px;
}

.mutual-friends2{
    color: grey;
    font-size: 17px;
    margin-top: 5px;
    margin-left: 5px;
}

.add-friend-button2{
    background-color: rgb(24, 119, 242);
    color: white;
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 17px;
    border-radius: 5px;
    border:none;
    margin-bottom: 15px;
    margin-left: 5px;
}