@import './variables.less';
@import './colors.less';

table{
  margin-top: 50px;
  th{
      background: @base-color;
      text-align: center;
      color: @text-color;
      font-size: @text-base;
      line-height: 2.5 !important;
  }
  td{
      line-height: 2.5 !important;
      vertical-align: middle !important;
  }
  tbody{
      text-align: center;
  }
  a, a:hover{
    .weight-scale(5);
    text-decoration: none;
  }
  a{
    color: darken(@base-color, 10%);
  }
  a:hover{
    color: darken(@base-color, 20%);
  }
}

@media screen and (max-width: 768px){
    table{
      th{
        line-height: 1.5 !important;
      }
    }
}
