viewbsprofile.css

body{
  
    text-align: center;
  
  }
  
  .card{
    background-color:rgb(255, 255, 255);
    border-radius: 6px;
    display:inline-block;
    
    height:470px;
    width:375px;
  
    margin-top:100px;
    box-shadow:0 12px 13px rgba(0,0,0,0.16), 0 12px 13px rgba(0,0,0,0.16);
  
  }
  
  .card img {
    background-color: black;
    border-radius:100%;
    margin-top:60px;
    width:132px;
    height:128px;
  
  }
  
  
  .name ,.review{
    color:#404040; 
  }
  
  .title {
    font-size:16px;
    color: #afafaf
  }
  
  .desc{
    font-size:14px;
    margin-left:65px;
    margin-right:65px;
    margin-top:16px;
  
  
     color:#404040; 
  }
  
  .desc .btn {
    outline:none;
    background :rgb(41,33,78);
    /* 20px */
    margin-top:5px;
    border:none;
    height:40px;
    width:35%;
    color:rgb(255, 255, 255);
    font-size:16px;
     /* 30px */
    border-radius:12px;
  
  }
  .desc ul li{
  text-align: left;
  }
  
  .btn:hover{
  background-color: rgb(72, 56, 133);
  border-color: rgb(72, 56, 133);
  fill: rgb(72, 56, 133); 
   transition: all 400ms linear;
   /* when cursor pass change the button's color*/
   cursor:pointer;
  }
  .btn :focus {
      color: #ffffff;
    }
  
  
  .stars .checked {
    color: #fd4
    
  }
  
  a{
    text-decoration:none;
    /* origin color */
    color:inherit;
  }