.container {
    margin-top: 1 !important;
}

@font-face {
  font-family: 'FranklinFont'; /* Choose a name for your font */
  src: url('fonts/BenjaminFranklin.ttf') format('truetype'); /* Specify the path and format */
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Recommended for performance to prevent render-blocking */
}

#theHTML {
    font-family: FranklinFont;
    font-size: 1.5em;
    color: white;
      text-shadow: 
    1px 1px 0 #000,
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000; 
    background-color: whitesmoke
}

#top {
    font-size: 2em;
    font-family: FranklinFont;
    background-color: whitesmoke;

}

#content {
    font-family: FranklinFont;
    font-size: 1.5 em;
    background-color: whitesmoke;
}

#theTitle {
    font-size: 1.85 em;
    font-family: FranklinFont;
}