body {
      background-attachment: fixed;
      background-position:center;
      background-size: cover;
      color: #73B036;
      font-family: monospace;
      margin: 0;
      padding: 0;
  }

  * {
      box-sizing: border-box;
  }

  .outer {
      display: table;
      position: absolute;
      height: 100%;
      width: 100%;
  }
  .middle {
      display: table-cell;
      vertical-align: middle;
  }
  .inner {
      border: 3px solid #73B036;
      padding: 6px;
      background-color: rgba(22,1,33,1.98);
      margin-left: auto;
      margin-right: auto;
      width: 50%;
      text-align: justify;
      max-width: calc(100% - 20px);
  }
  .inner p {
      font-size: 16px;
      padding-left: 16px;
      padding-right: 16px;
  }
  a {
    background-color: #73B036;
    text-decoration:none;
    color: black;
    text-transform: uppercase;
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  .mado {
    background-color: transparent;
    text-decoration: none;
  }
  td {
    border:6px double #73B036;
    padding:10px;
  }
  table {
    border-collapse:collapse;
    border-color:#73B036;
    width: 100%;
    border-width: 3px;
  }
  h1 {
    text-align: center;
    padding: 0px;
    margin: 0px;
  }

  /* Ensure header cells stretch to full table width */
  table td:only-child {
    width: 100%;
  }
  ul {
    font-size: 16px;
    margin: 0px;
  }

  /* Mobile responsiveness */
  @media (max-width: 768px) {
    .inner {
      width: 90%;
      padding: 10px;
      margin-left: auto;
      margin-right: auto;
    }

    .inner p {
      font-size: 14px;
      padding-left: 10px;
      padding-right: 10px;
      word-wrap: break-word;
      overflow-wrap: break-word;
    }

    td {
      display: block;
      width: auto !important;
      border-width: 3px;
    }

    td[rowspan] {
      display: block;
    }

    tr {
      display: block;
    }

    h1 {
      font-size: 1.2em;
    }

    ul {
      font-size: 14px;
      padding-left: 20px;
    }

    table {
      display: block;
      width: 100% !important;
    }
  }

  @media (max-width: 480px) {
    .inner {
      width: 94%;
      padding: 8px;
    }

    .inner p {
      font-size: 12px;
      padding-left: 8px;
      padding-right: 8px;
    }

    h1 {
      font-size: 1em;
    }

    td {
      padding: 6px;
    }
  }