.main {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

  .menu {
    vertical-align: top;
    font-weight: bold;
    font-size: 14pt;
  }

  .content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 32px;
    width: 50%;    
    background-color: #fefffe;
    min-height: 70vh;
    border-top: dotted 1px #669999;
    border-left: dotted 1px #669999;
    border-radius: 16px;
    text-align: justify;
  }

  .content td {
    vertical-align: top;
    text-indent: 12pt;
    padding: 16px;
  }

  .content div {
    margin-bottom: 1em;
  }
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    font-size: small;
  }

  .footer p {
    margin-inline-end: 2em;

  }

  td {
    padding: 8px;
  }

  a {
    color: #669999;
    text-decoration: none;
  }

  img {
    margin-left: 16px;
    margin-right: 16px;
  }

  li {
    text-indent: 0;

  }

  body {
    font-family: 'Raleway', sans-serif;
    font-size: 14pt;
    color: #2F4F4F;
    background-image: url('img/bg03.png');     
  }