table{
  width: 100%;
}
 td {
//  width: 100%;
  //border: 1px solid black;
    text-align: left;
    font-family:arial;
  font-size: 16px;
  padding: 2px;

}
.columnP {
  width: 45%;
}
p{
    //border: 1px solid black;
    //margin-bottom: 0px;
}
th{
    font-size: 16px;
}
name {
  clear: left;
  float: left;
  width:60%;
  //padding-left: 20px;
  padding-right:20px;
}
type {
  float: left;
    width:20%;
    padding-left: 20px;
    padding-right:20px;
}
genre {
  float: left;
    width:20%;
    padding-left: 20px;
    padding-right:20px;
}
extra {
  float: left;
    width:20%;
    padding-left: 20px;
    padding-right:20px;
}
difficulty {
  float: left;
    width:20%;
    padding-left: 20px;
//    padding-right:20px;
}
infoBar1 {
float: left;
text-align: left;
}
infoBar2 {
  float: right;
  text-align: right;
  margin-top: 12px;
  margin-bottom: 7px;
}