@font-face {
    font-family: "TIMSans-Regular";
    src:
      local("TIMSans-Regular"),
      url("./../fonts/Regular/TIMSans-Regular.otf") format("opentype") tech(color-COLRv1),
      url("./../fonts/Regular/TIMSans-Regular.otf") format("opentype"),
      url("./../fonts/Regular/TIMSans-Regular.woff") format("woff");
  }

  @font-face {
    font-family: "TIMSans-Light";
    src:
      local("TIMSans-Light"),
      url("./../fonts/Light/TIMSansWeb-Light.eot") format("opentype") tech(color-COLRv1),
      url("./../fonts/Light/TIMSansWeb-Light.eot") format("opentype"),
      url("./../fonts/Light/TIMSansWeb-Light.woff") format("woff");
  }

  @font-face {
    font-family: "TIMSans-Thin";
    src:
      local("TIMSans-Thin"),
      url("./../fonts/Thin/TIMSansWeb-Thin.eot") format("opentype") tech(color-COLRv1),
      url("./../fonts/Thin/TIMSansWeb-Thin.eot") format("opentype"),
      url("./../fonts/Thin/TIMSansWeb-Thin.woff") format("woff");
  }

body {
    font-family: 'TIMSans-Light';
    /* Paragraph/Medium 400 */
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 150% */
}
.main {
    padding: 28px 24px;
}
h2 {
    font-family: 'TIMSans-Thin';
    font-size: 32px;
    font-style: normal;
    font-weight: 200;
    line-height: 40px; /* 125% */
    letter-spacing: -0.5px;
}

h3 {
    margin-top: 20px;
    font-family: 'TIMSans-Regular';
    font-weight: 300;
    font-size: 16px;
}

table, th, td{
    font-size: 8px;
    border: 1px solid #696969;
    line-height: 10px;
}

table {
    text-align: center;
    font-weight: 300;
}

table .th1 > th ~ th{
    background: #4f4f4f;
    color: white;
}

table .th1 > th{
    background: transparent;
    border: none;
}

table .th2 > th{
    background: rgb(103, 166, 255);
}

table .th3 > td{
    background: rgb(0, 33, 79);
    color: white;
}

p.footer {
    font-family: 'TIMSans-Regular';
}

table.plain {
    text-align: left;
}

table.plain th, table.plain td {
    font-size: 12px;
    line-height: 13px;
}