<style>
  @import url('https://fonts.cdnfonts.com/css/renogare');
  @import url('https://fonts.cdnfonts.com/css/unbounded');
  @import url('https://fonts.cdnfonts.com/css/source-code-pro');
  @import url('https://fonts.cdnfonts.com/css/outfit');
  :root {
    --title-font: Unbounded;
    --link-font: Outfit;
  }
  #main-content, #header-content, #post-content {
    margin-top: 50px;
    margin: auto;
    width: 50%;
  }
  code {
    font-family: "Source Code Pro";
    padding-left: 2px;
    padding-right: 2px;
    border: 1px #2e2e2e solid;
    background-color: #2e2e2e;
    border-radius: 5px;
  }
  hr {
    color: white;
  }
  #h_subtitle {
    line-height: 5px;
    color: gray;
  }
  #main-content {
    text-align: left;
  }
  #header-content {
    text-align: center;
  }
  #link-container a {
    <% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
      color: <%= config.themeOpts.accentColor %> !important;
    <% } else { %>
      color: #82d3ff !important;
    <% } %>
  }
  #post-content {
    font-family: "Arial";
  }
  a {
    text-decoration: none;
    decoration: none;
<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
    color: <%= config.themeOpts.accentColor %> !important;
<% } else { %>
  color: #82d3ff !important;
<% } %>
  }
  table td {
<% if(config.hasOwnProperty("themeOpts") && config.themeOpts.hasOwnProperty("accentColor")) { %>
    color: <%= config.themeOpts.accentColor %> !important;
<% } else { %>
    color: #82d3ff !important;
<% } %>
    line-height: 25px;
    text-decoration: none;
  }
  table {
    width: 100%;
  }
  #date-header, .date-item {
    text-align: right;
  }
  #title-header, .post-item {
    text-align: left;
  }
  #footer-content {
    position: fixed;
    bottom: 5;
    left: 0;
    text-align: center;
    width: 100%;
  }
  body {
    background-color: black;
    color: white;
  }
</style>
