<!DOCTYPE html>
<html lang="en">

  <head>
    <title>{% block title %}{{ SITENAME }}{% endblock %}</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="{{ SITEURL }}/theme/css/tachyons.min.css" type="text/css" />
    <script type="text/javascript" src="{{ SITEURL }}/theme/js/jquery-3.5.0.min.js"></script>
    <style>
     body {
       font: 0.75em/1.5 AppleGothic, Sans-serif;
       color: rgba(37, 176, 118, 1.0);
       background-color: rgba(16, 20, 20, 1.0);
       scrollbar-width: none;
       /* hi */
     }

     body::-webkit-scrollbar {
       width: 0;
       height: 0;
     }

     a {
       color: rgba(180, 64, 134, 1.0);
       text-decoration: none;
     }

     a.noticeable:hover {
       backgrounda-color: rgba(180, 64, 134, 0.5);
       opacity: 0.4;
     }

     a.exlink {
       color: rgba(180, 64, 134, 1.0);
       border-width: 1px;
       border-color: rgba(180, 64, 134, 0.5);
       border-style: solid;
     }

     p {
       margin: 0;
     }

     .paginator {
       color: rgba(37, 176, 118, 0.5);
     }

     article.title {
       font-size: 1.1em;
     }

     time {
       font-size: 0.65em;
     }

     h1, h2, h3, h4, h5, h6 {
       opacity: 0.3;
     }

     ul {
       padding-bottom: 1em;
       padding-inline-start: 2em;
     }

     hr {
       border-color: rgba(37, 176, 118, 0.7);
     }

     .footnote-reference {
       font-size: 0.65em;
       vertical-align: super;
     }
    </style>
  </head>

  <body>

    <div style="margin: 1em;">

      <div class="pb5 cf" style="font-size: 3.6em;">
        {% block content_header %}
        {% endblock %}
      </div>

      {% block content %}
      {% endblock %}

    </div>

    <script type="text/javascript">
     $(document).ready(function () {
       $("a[class*=external]").attr("target", "_blank").addClass("exlink");
     });
    </script>

  </body>

</html>
