.table{ 
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  overflow:hidden;
  border: 1px solid #ddd;
  border-radius:15px;
  box-shadow: 3px 3px 3px 3px #F5F5F5;

}

  th{
    color: #808080;
    background-color:#E8E8E8;
    height: 40px;
    padding:5px;
    flex-flow: row wrap;
}
    td{
      flex: 1 1 90px;
      height: 60px;
 
    }
@media screen and (max-width: 900px){
  tr { 
    display: flex; 
    flex-direction: row;
    flex-wrap: wrap;
  }
  }
.tag{
  display: flex;
  padding: 10px ;
  border-radius: 5px;
}
.green {background-color: #66CDAA}
.purple {background-color: rgba(128, 0, 128, 0.25)}
.blue {background-color: rgba(13, 124, 215, 0.25) }
.red { background-color: #ffb4b4 }
 
  .img{
  border-radius:50%;  
  display:flex;
  margin-left: 5px;
  background-size:cover;
  }