@font-face {
  font-family: Roboto;
  src: url('static/fonts/Roboto-Regular.ttf');
}

:root {
    --site-width: 700px;
    --vert-content-margin: 1.5em;
    --accent1: #d2e8b0;
    --black: #222;
    --white: #FBFBFB;
    --background: #FCFAF9;
    --font-size: 1.35rem;
    --line-height: 1.8rem;
    --font-family: "Roboto";
}

body {
  text-align: justify;
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--black);
  background-color: var(--background);
}

code {
   font-size: calc(var(--font-size) * 0.9);
}

hr {
  border: 0;
  border-top: 2px dotted var(--black);
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.navbar-link {
  margin-right: 5px;
  margin-left: 5px;
}

a, a:visited {
  color: blue;
  text-decoration: none;
}

#content h2, #content h3, #content h4, #content h5 {
    margin-bottom: -0.8rem;
}

#header hr {
  margin-bottom: var(--vert-content-margin);
}

#footer hr {
  margin-top: var(--vert-content-margin);
}

#header {
  padding: 5px;
  background-color: var(--accent1);
  border: 2px double var(--black);
  border-radius: 5px;
}

#content, #header, #footer {
  min-width: 500px;
  max-width: var(--site-width);
  margin: auto;
}

#content {
  padding-left: 10%;
  padding-right: 10%;
}

#publish-date, #modified-date {
  font-style: italic;
}

.src, .example {
  font-family: "monospace";
  font-size: 1rem;
}

/* Set the colors in <pre> blocks from the Leuven theme */
pre                                      {background-color:#FFFFFF;}
pre span.org-builtin                     {color:#006FE0;font-weight:bold;}
pre span.org-string                      {color:#008000;}
pre span.org-keyword                     {color:#0000FF;}
pre span.org-variable-name               {color:#BA36A5;}
pre span.org-function-name               {color:#006699;}
pre span.org-type                        {color:#6434A3;}
pre span.org-preprocessor                {color:#808080;font-weight:bold;}
pre span.org-constant                    {color:#D0372D;}
pre span.org-comment-delimiter           {color:#8D8D84;}
pre span.org-comment                     {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-1            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-2            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-3            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-4            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-5            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-6            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-7            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-8            {color:#8D8D84;font-style:italic}
pre span.org-outshine-level-9            {color:#8D8D84;font-style:italic}
pre span.org-rainbow-delimiters-depth-1  {color:#707183;}
pre span.org-rainbow-delimiters-depth-2  {color:#7388d6;}
pre span.org-rainbow-delimiters-depth-3  {color:#909183;}
pre span.org-rainbow-delimiters-depth-4  {color:#709870;}
pre span.org-rainbow-delimiters-depth-5  {color:#907373;}
pre span.org-rainbow-delimiters-depth-6  {color:#6276ba;}
pre span.org-rainbow-delimiters-depth-7  {color:#858580;}
pre span.org-rainbow-delimiters-depth-8  {color:#80a880;}
pre span.org-rainbow-delimiters-depth-9  {color:#887070;}
pre span.org-sh-quoted-exec              {color:#FF1493;}