/* styles.css */

html, body{
    margin: 0;
    padding: 0;
    
}

body {
  max-width: 1200px;
  margin: 20 auto;
    color: #000;
    background-color: #dbc184;
    font-family: 'Bookman Old Style', serif;
  }
  
  #userContentFP {
    max-width: 98%;
    padding: 10px 10px;
    align-self: center;

  }
  
  table {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    text-align: left;
    background-color: white;
    border: 5px solid #45759c;
    padding: 10px;

  }

  tr, th, td {
    vertical-align: top;
    padding: auto;
  }

  h1{
    font-size: 1.75em; 
    font-weight: bold;
    vertical-align: top; 
    color: navy;
    text-align: center;
    padding: 10px;
  }

  h2{
    font-size: 1.25em; 
    font-weight: bold;
    vertical-align: top; 
    color: navy;
    text-align: left;
  }
  
  /* Link color properties: You might need to add them individually to your links */
  a:link {
    color: #000099;
  }
  
  a:visited {
    color: #990099;
  }
  
  a:active {
    color: #000099;
  }

  .front-pg-container{
    margin-top: 30px;
    padding: 10px 20px;
    width: 95%; 
    align-self: center; 
    border: 0; 
    background-color: rgb(208, 208, 240);
  }
  
  .copyright{
    font-size: medium;
    text-align: center;
    margin: 20px 40px;

  }
  .center-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .logos {
    margin: 20px 20px;
  }