* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face { font-family: "Gentium Basic"; font-weight: normal; src: local("Gentium Basic"), url("https://hamhambone.net/labyrinthine/assets/fonts/gentium-basic-regular.ttf"); }

@font-face { font-family: 'Roboto Mono'; src: local("Roboto Mono"), url("https://hamhambone.net/labyrinthine/assets/fonts/roboto-mono-regular.ttf"); font-weight: 400; }

@font-face { font-family: "Ubuntu Sans"; font-weight: 700; src: local("Ubuntu Sans"), url("https://hamhambone.net/labyrinthine/assets/fonts/ubuntu-sans.ttf"); }

/* ====================== */
.id { color: #200070; }

.ab { color: #218648; }

.ma { color: #db0000; }

.sw { color: #7e0000; }

.tg { color: #0d4f31; }

.cr { color: #ff4a97; }

.lt { color: #52658a; }

/* ====================== */
html { font-family: 'Gentium Basic', serif; font-size: 15pt; font-weight: normal; line-height: 125%; /*letter-spacing: 1px;*/ }

body { color: black; background-color: #fbfbfb; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.container { max-width: 500px; margin: auto; text-align: center; }

.container_post { max-width: 650px; padding-left: 8ch; padding-right: 8ch; padding-top: 4ch; padding-bottom: 4ch; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; background-color: white; margin: auto; }

a { color: #800000; text-decoration: none; }

a:hover, a:focus { text-decoration: underline; }

b { font-weight: normal; background-color: #f2f2f2; padding: 0 0.2rem 0.1rem 0.3rem; border: solid 1px #800000; color: black; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 1rem; font-family: "Ubuntu Sans", sans; font-weight: 700; line-height: 1; /*color: #912222;*/ letter-spacing: -.025rem; text-transform: capitalize; }

h1 { font-size: 2rem; }

/* Index-page titles */
h2 { font-size: 1.45rem; margin: 0 0 1rem; }

/* In-post main heading */
h3 { font-size: 1.5rem; text-decoration: underline; margin: 0 0 1rem; }

/* In-post sub-heading */
h4 { font-size: 1.25rem; }

h5 { font-size: 1.15em; }

h6 { font-size: 1.05rem; }

p { margin-top: 0; margin-bottom: 1rem; }

p.flat { text-indent: 0px; }

dt { font-weight: bold; }

dd { margin-bottom: 1rem; }

/* START 'ul' */
ul, li { list-style: square; padding-left: 0.0rem; margin: 0 0 1rem 1ch; }

ul li, ul ul, ul ol, li li, li ul, li ol { list-style: inherit; }

ul li:last-child, li li:last-child { margin-bottom: 1rem; }

/* END 'ul' */
/* START 'ol' */
ol { list-style: decimal; padding-left: 0.0rem; margin: 0 0 1rem 1ch; }

ol li, ol ul, ol ol { list-style: inherit; }

ol li:last-child { margin-bottom: 1rem; }

/* END 'ol' */
li:last-child { margin-bottom: .5rem; }

/* p + h1, p + h2, p + h3, ul + h1, ul + h2, ul + h3, ol + h1, ol + h2, ol + h3 { margin-top: 1.5rem; } */
h2:has(+ time) { margin-bottom: 0px; }

hr { border: 0; border-bottom: 5px solid #808080; margin-left: 30px; margin-right: 30px; margin-top: 2rem; margin-bottom: 2rem; }

strong { color: inherit; font-weight: 600; }

blockquote { font-family: "Roboto Mono", monospace; font-size: 0.80rem; margin: 0.5rem 0 0.5rem 0; padding: 0.5rem 0 0.5rem 0; border: 1px solid #e5e5e5; border-left: 1ch solid #e5e5e5; }

p:has(+ blockquote) { margin-bottom: 0; }

blockquote p:last-child { margin-bottom: 0; }

blockquote p { text-indent: -4ch; padding: 0 2ch 0 6ch; }

blockquote p.flat { text-indent: 0; padding-left: 2ch; padding-right: 2ch; }

pre, code { background-color: #eeeeee; font-size: 0.8rem; font-family: 'RobotoMono', monospace; overflow: auto; text-transform: none; }

pre { padding: 1rem 0.2rem; }

/* Formatting of the post description. */
p.desc { font-size: 0.8rem; margin-top: 0.6rem; margin-bottom: 1.6rem; text-align: justify; }

abbr { cursor: pointer; }

img { display: inline-block; max-width: 100%; margin: 0 auto 0 auto; border-radius: 2px; }

table { margin-bottom: 1rem; width: 100%; border: 1px solid #e5e5e5; border-collapse: collapse; }

td, th { padding: .25rem .5rem; border: 1px solid #e5e5e5; }

time { display: block; font-family: 'RobotoMono', monospace; font-size: 0.8rem; margin-bottom: 1rem; text-decoration: overline; }

/* START 'header' */
.header { text-align: center; }

.header-title { font-weight: 400; }

.header-title a { color: #660000; }

.header-title a:hover, .header-title a:focus { text-decoration: none; }

.header-title span { color: #ddd; }

.header-title--small { margin-bottom: 1.2rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; text-decoration: underline; text-align: center; }

.header-title--small a { color: #660000; }

.header-title--small a:hover, .header-title--small a:focus { text-decoration: none; }

.header .header-nav { margin-bottom: 1.2rem; }

.header .header-nav a { color: #808080; font-weight: 300; text-transform: lowercase; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; }

.header .header-nav a:hover, .header .header-nav a:focus { color: #333; text-decoration: overline; }

.header .header-nav a + a { margin-left: .25rem; }

/* END 'header' */
.tooltip { position: relative; display: inline; letter-spacing: 1px; text-decoration: dotted underline; font-size: 100%; }

.tooltip:hover .tooltiptext { visibility: visible; }

.tooltiptext { visibility: hidden; min-width: 200px; max-width: 3rem; background-color: #f2f2f2; color: #4d4d4d; text-align: center; line-height: 1.1; font-size: .85rem; border-radius: 2px; border: 1px solid #000000; padding: 2px 0px 2px; /* Tooltip Position */ position: absolute; z-index: 1; top: 120%; left: 50%; margin-left: -100px; }

.footer { font-size: 20px; font-weight: bold; text-align: center; padding: 0 0 10px 0; margin: auto; margin-top: 1rem; }

@media only screen and (max-width: 570px) { .container_post { padding: 10px; } }

/*# sourceMappingURL=style.css.map */