:root {
    --hsq-blue-rgb: 39, 51, 83;
    --hsq-gold-rgb: 204, 165, 67;
    --hsq-white-rgb: 255, 255, 255;
    --hsq-grey-rgb: 243, 243, 233;
  }
  
  body {
    color: rgb(var(--hsq-blue-rgb)) !important;
    font-family: Georgia, serif !important;
    font-weight: 100;
  }

  .navbar {
    background-color:rgb(var(--hsq-white-rgb)) !important;
    color: rgb(var(--hsq-blue-rgb)) !important;
  }
  header.py-5{
    color:rgb(var(--hsq-blue-rgb)) !important;
    background-color: rgb(var(--hsq-white-rgb))!important;
  }

  header.py-5 h1 {
    color:rgb(var(--hsq-blue-rgb)) !important;
  }
  section.py-5 {
    background-color: rgb(var(--hsq-white-rgb)) !important;
    color:rgb(var(--hsq-blue-rgb))!important;
  }
  section.bg-hsq-white{
    color:rgb(var(--hsq-blue-rgb))!important;
    background-color: rgb(var(--hsq-white-rgb))!important;
  }
  #h2-blue{
    color:rgb(var(--hsq-blue-rgb))!important;
  }

  
  footer.bg-dark {
    background-color: rgb(var(--hsq-white-rgb))!important;
    color:rgb(var(--hsq-blue-rgb))!important;
  }
  .btn-hsq-gold {
    background-color: rgb(var(--hsq-gold-rgb))!important;
    border-color: rgb(var(--hsq-gold-rgb))!important;
    color: rgb(var(--hsq-blue-rgb)) !important; 
  }
  
  .btn-hsq-gold:hover,
  .btn-hsq-gold:focus,
  .btn-hsq-gold:active  {
    background-color: rgb(var(--hsq-blue-rgb))!important; 
    border-color: rgb(var(--hsq-blue-rgb))!important;
    color: rgb(var(--hsq-gold-rgb)) !important;
  }

  header.py-5.header-bio {
    background-color: rgb(var(--hsq-white-rgb)) !important;
    color: rgb(var(--hsq-blue-rgb)) !important;
  } 
  .header-bio, 
  .header-bio * {
    color: rgb(var(--hsq-blue-rgb)) !important;
  }

  
  h1, h2, h3, h4, h5, h6 {
    color: rgb(var(--hsq-blue-rgb))!important;
  }
  
  a {
    color: rgb(var(--hsq-blue-rgb))!important;
  }
  a:hover {
    color: rgb(var(--hsq-gold-rgb))!important;
  }


  .bg-light.rounded-3.py-5.px-4.px-md-5.mb-5.bg-white {
    background-color:rgb(var(--hsq-white-rgb))!important; 
  }

  .lead {
    color: rgb(var(--hsq-blue-rgb)) !important;
  }
  #bio-paragraph{
    color: rgb(var(--hsq-blue-rgb)) !important;
  }
  a.email-text{
    color: rgb(var(--hsq-blue-rgb))!important;
  }
  a.email-text:hover {
    color: rgb(var(--hsq-gold-rgb))!important;
  }
  a.hover-text-gold{
    color: rgb(var(--hsq-blue-rgb)) !important;
  }
  a.hover-text-gold:hover {
    color: rgb(var(--hsq-gold-rgb)) !important;
  }
  #h1-home{
    font-size: 3.1em!important;
    color: rgb(var(--hsq-blue-rgb)) !important;
  }
  #h2-smaller{
    font-size: 1.5em!important;
    color:rgb(var(--hsq-blue-rgb))!important;
  }
  #logo{
    font-size: 8.0em!important;
  }
  #h3-white{
    color:rgb(var(--hsq-blue-rgb))!important;
  }
  #copyright{
    color:rgb(var(--hsq-blue-rgb))!important;
  }
  #footerAnchor, #headerAnchor{
    text-decoration: underline !important;
  }