/*----- Fonts -------------------------------------------------------------*/

@font-face {
  font-family: 'Acme';
  font-style: normal;
  font-weight: 100;
  src: local('Acme'),
       url('/fonts/Acme-Regular.woff2') format('woff2'), /* Super Modern Browsers */
}


body
{
  background-color            : white;
  font-family                 : tahoma,verdana,arial,helvetica,sans-serif;
  font-size                   : 3vh;
  text-align                  : center;
  margin                      : 5px;
}

h1
{
  font-family                 : acme,tahoma,verdana,arial,helvetica,sans-serif;
  font-size                   : 5vh;
  text-align                  : center;
  color                       : var(--sts-color-1);
}

h2
{
  margin                      : 0px;
  margin-bottom               : 5px;
}

h2 span
{
  font-family                 : acme,tahoma,verdana,arial,helvetica,sans-serif;
  font-size                   : 2.5vh;
  text-align                  : center;
  color                       : var(--sts-color-1);
  width: 50%;
  border                      : 1px solid var(--sts-color-1);
  border-radius               : 5px;
  padding                     : 5px;
  padding-left                : 15px;
  padding-right               : 15px;
}

.sts-header
{
  display        : flex;
  align-items    : center;
  justify-content: center;
  margin         : 0px;
}

img.stslogo
{
  width       : 15vh;
  margin-right: 30px;
}

img.stsicon
{
  width: 2.5vh;
}

table.sts-table
{
  width            : 90%;
  margin-left      : auto;
  margin-right     : auto;
  border-collapse  : collapse;
  padding          : 2px; 
}

.sts-table td
{
  font-size                   : 2vh;
  vertical-align              : middle;
  text-align                  : left;
  border-bottom               : 1px solid grey;
}

.sts-table th
{
  vertical-align              : middle;
  text-align                  : center;
  padding                     : 5px;
}