@media screen and (max-width:400px) {
      table {
        font-size: 100%
      }
    }

    @media screen and (max-width:250px) {
      table {
        font-size: 50%
      }
    }

    @media screen and (max-width:150px) {
      table {
        font-size: 30%
      }
    }

    table {
      width: 100%;
      border-collapse: collapse;
      margin: 2px
    }

    tr:nth-of-type(even) {
      background: #fff
    }

    th {
      background: #378CE7;
      color: #fff;
      font-weight: bold;
      font-size: 18px;
      color: white;
      padding: 0;
      border: .5px solid #ccc;
      text-align: center
    }

    td {
      padding: 0;
      margin: 0;
      border: 1px solid #ccc;
      text-align: center;
      font-size: 11pt;
      font-weight: bold
    }

    tr:hover {
      background-color: #378ce778
    }

    .table a {
      display: block;
      text-decoration: none
    }

    .blink {
      animation: blinker .75s linear infinite;
      color: #d32500;
      font-size: 15px;
      font-weight: bold;
      font-family: robot
    }

    @keyframes blinker {
      50% {
        opacity: 0
      }
    }

    .button {
      font-size: 14px;
      font-weight: bold;
      border-radius: 5px;
      padding: 5px 10px;
      text-align: center;
      display: inline-block;
      text-decoration: none;
      text-shadow: 1px 1px 2px #000;
      text-decoration-color: #fff;
      margin: 1px;
    }

    .button1 {
      width: 90%;
      padding: 1px 2px;
      font-size: 14pt;
      font-weight: bold
    }

    .button1:hover {
      box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
    }

    body {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }