.hdp {
background: white;
border-radius: 50%;
}
.hdp img{
    border-radius: 50%;
border-bottom: 3px solid rgba(0, 0, 0, 0.26);
}
.hdp img:hover{
    display: inline-block;
transform: scale(1.2) rotate(3deg);
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
    background: whitesmoke;
border-radius: 50%;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.18);
    border: 1px;
    

}
.pad{
    padding: 1em;
}
.hdp:hover {
 
}
.bb{
    color: black;
    font-weight: bold;
}