body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: Calabria, monospace;
        letter-spacing: 1px;
        color: #222;
      }
      div {
        margin: .75rem 0 .5rem 0;
        text-align: center;
      }
      div#sign {
        margin: 2.2rem 0 0 0;
        border: 2px solid #1d2951;
        padding: 8px;
        border-radius: 10px;
        color: #1d2951;
      }
      div#sign h3 {
        margin: 0;
        font-size: 1.8rem;
      }
      h1 {
        margin: 2rem 0 1rem 0;
      }
      p {
        margin: .5rem 0;
        text-align: center;
      }
      h2 {
        margin: 2.2rem 0 1rem 0;
      }
      h4 {
        font-size: 1rem;
        margin: 2rem 0;
        margin-top: 60px;
        color: #666;
      }
      a {
        
        background-color: #dfdffa;
        color: rebeccapurple;
        text-decoration: none;
      }
      a.pagelink_top,
      a.pagelink_mid,
      a.pagelink_btm {
        /*
        font-size: 18pt;
        */
        font-size: 16pt;
        font-weight: bold;
        background-color: white;
        background-color: #edf2f8;
        font-weight: 550;
        color: #1c2841;
        margin: 0;
      }
      a.pagelink_top {
        margin-top: 20px;
      }
      a.pagelink_mid {
        margin-top: 25px;
      }
      a.pagelink_btm {
        margin-top: 25px;
      }
      a.homelink {
        background-color: #fae0f6;
        color: #e51a4c;
        text-decoration: none;
        font-size: 1rem;
        /*
        margin: 20px 0 0 212px;
        */
        margin: 20px 0 0 0;
      }
      img {
        margin: 2rem 0 0 0;
        width: 287px;
      }
      h4 {
        text-align: center;
      }