h1, h2, h3 { font-size: 420%; color: #f9d094; margin: 0 0 0.1em; text-align: center; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); }

h1, h2, h3, h4, h5, h6 { line-height: 1.1; }

h1 { font-weight: 900; }
h1 a, h1 a:hover { font-weight: 900; color: #f9d094; }

h2, h3 { font-weight: 800; margin-top: 0.5em; margin-bottom: 0.1em; }

h2 { font-size: 300%; }

h3 { font-size: 125%; }

#home h1, #page h1 { font-size: 250%; font-weight: 800; padding-bottom: 0.5em; }
#home h2, #home h3, #page h2, #page h3 { font-weight: 700; text-align: left; padding-bottom: 0.3em; }
#home h2, #page h2 { font-size: 175%; }
#home h3, #page h3 { font-size: 150%; }

#home, #page, .postcontent { font-size: 1.2em; min-width: 25em; max-width: 35em; margin: 0 auto; margin-top: 1em; padding-top: 1em; padding-bottom: 1em; }

#information .row, #border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.5); border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 2em 20px 0; }

html { margin: 0; padding: 0; font-size: 62.5%; font-family: "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Roboto", "sans-serif"; height: 100%; }

body { height: 100%; font-size: 150%; line-height: 1.4; color: #f9d094; background: #2e2a24; position: relative; margin: 0; padding: 0 30px; }

p { margin: 0 0 1em 0; }

ul, ol, dl { margin-bottom: 1em; }

ul { margin-left: 20px; }

table { margin-bottom: 1em; border-collapse: separate; border-spacing: 0; border: solid rgba(0, 0, 0, 0.4) 1px; border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; margin-top: 1em; }
table td { padding: 0.1em 1em; }
table code { font-size: 130%; }
table tr:nth-child(odd) { background: rgba(0, 0, 0, 0.2); }
table tr th { background: rgba(0, 0, 0, 0.4); }
table tr:nth-child(even) { background: rgba(0, 0, 0, 0.4); }

pre { margin: 0 0 1em 0; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 8px 10px; border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; overflow-x: auto; }
pre code { font-family: "Monaco", "Menlo", "monospace"; font-size: 11px; line-height: 1.6; }

a { text-decoration: none; color: #ba832c; font-weight: bold; }
a:focus { outline: 1px dotted; color: #d3a459; text-decoration: underline; }
a:hover { color: #d3a459; text-decoration: underline; }

button, input, select, textarea, option { font-size: 100%; }

a, a *, button, button *, select, option, label, input[type=submit] { cursor: pointer; }

hr { display: none; }

small { font-size: 90%; }

.group { display: block; }
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

sup { font-size: 80%; line-height: 1; vertical-align: super; }

button::-moz-focus-inner { border: 0; padding: 1px; }

::selection, ::-moz-selection { background: #745626; }

#forkme { width: 149px; height: 149px; position: absolute; top: 0; right: 0; border: 0; }

#wrap { width: 57em; max-width: 100%; margin: 0 auto; padding: 15px 0 0; }

#header { text-align: center; margin-bottom: 1em; }

#language { margin-bottom: 2em; }

#selectable { font-size: 13px; }

.avatar { border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; overflow: hidden; margin-right: 0.5em; vertical-align: middle; }

#home, #page, #post, .singlepostcontent { border-top: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }

#home code, #page code { font-size: 100%; }
#home pre code, #page pre code { font-size: 80%; }

#home img, #page img, .postcontent img { min-width: 25em; max-width: 35em; }
#home th, #home td, #page th, #page td, .postcontent th, .postcontent td { padding: 0.25em 0.5em; }

.full-width { width: 100%; }

th { padding: 0.1em 1em; }

.number-data { text-align: right; }

#information ul, .posts { list-style: none; padding: 0; margin: 0; }

#information { border-top: 1px solid rgba(0, 0, 0, 0.5); }
#information .row .col-1 { width: 49%; float: left; padding: 0 0 1em; }
#information .row .col-2 { width: 49%; float: right; padding: 0 0 1em; }
#information .button-large { padding: 2em 0 1em; font-size: 120%; }
#information .quote { text-align: center; color: #816f51; padding-bottom: 2em; }
#information .quote blockquote { font-size: 140%; padding: 0 15%; }
#information .quote blockquote span { font-size: 140%; line-height: 0.5; vertical-align: sub; }
#information .quote cite { font-style: normal; }
#information .quote cite a { font-weight: normal; }
#information .credits { border-bottom: none; font-size: 70%; text-align: center; padding-top: 1.8em; opacity: 0.5; }
#information .credits p { margin: 0; padding: 0 0 0.7em; }
#information .button a { background: rgba(162, 107, 20, 0.3); padding: 8px 10px 6px; border-radius: 0.4em; -moz-border-radius: 0.4em; -webkit-border-radius: 0.4em; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); font-size: larger; }
#information .button a:hover { background: rgba(162, 107, 20, 0.25); }

.button { text-align: center; margin: 1em 0 2em; }

#border-no-bottom { border-bottom: none; font-size: 70%; text-align: center; padding-top: 1.8em; opacity: 0.5; }

* html .group { height: 1%; }

span .amp { font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }

.posts li { border-top: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }

[dir="rtl"] ul { margin-left: 0; margin-right: 20px; }
[dir="rtl"] pre { direction: ltr; text-align: left; }
[dir="rtl"] #information .row .col-1 { float: right; }
[dir="rtl"] #information .row .col-2 { float: left; }

@media screen and (min-width: 700px) { #information .highlight { margin-inline-end: 0; -moz-margin-end: 0; -webkit-margin-end: 0; } }
@media screen and (max-width: 700px) { body { padding: 0; }
  #post, #page, .posts { margin: 0 1em; }
  h1 { font-size: 350%; }
  h2 { font-size: 250%; }
  #forkme { width: 100px; height: 100px; }
  #information .row .col-1 { width: 100%; padding: 0; margin: 0; }
  #information .row .col-2 { width: 100%; float: left; }
  pre code#selectable { width: 90%; margin: 0 auto; }
  [dir="rtl"] #information .row .col-2 { float: right; } }