.container{

}
.cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-family: "Helvetica", Times, serif;
 }
.heading{
    height: 150px;
    width: 100px;
    margin-left: 150px;
}
.depa{
    margin-left: 400px;
    color: blue;
    font-family: 'Courier New', Courier, monospace;
}
.HEADING1{
    margin-left: 375px;
    color: blue;
    font-family: 'Courier New', Courier, monospace;
}
.group{
    margin-left: 17%;
    width: 80%;
    height:100%;
}
 .card {
   position: relative;
   height: 250px;
   width: 200px;
 
   margin: 5%;

   /* border-radius: 6%; */
   
   /* box-shadow: 0 2px 5px rgb(192,192,192), 0 2px 5px rgb(192,192,192); */
 }
 #pic{
    width: 80%;
    height: 100%;
 }
 
 
 .content {
   padding-top: 25px;
   text-align: center;
 }
 
 .circle {
   display: inline-block;
   height: 200px;
   width: 200px;
   
   border-radius: 50%;
  
   background-color: blue;
 }
 
 .grey {
   background-color: grey;
 }
 
 .purple {
   background-color: rgb(96,0,128);
 }
 
 .black {
   background-color: black;
 }
 
 .orange {
   background-color: rgb(255,165,0);
 }
 
 .text {
   padding: 15px 0;
 
   color: rgb(105,105,105);
 }
 
 .title {
   font-weight: 600;
   font-size: 20px;
 }
 
 .subtitle {
   padding-top: 2px;
 
   font-size: 16px;
 }
 

.card img{
    height: 200px;
    width: 200px;
    
    border-radius: 50%;
}