/*-------------------------------------

General style

-------------------------------------*/
body { font-family: "Segoe UI", Helvetica, Arial, sans-serif; color: #3e3e3d; margin: 0; padding: 0; background-color: #f8f6f6; line-height: 1.5; font-size: 16px; }

a { color: #457aa8; font-weight: 400; }

/*-------------------------------------

Headlines

-------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: serif; font-weight: 400; color: #594F4F; line-height: 1.1; clear: both; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { text-decoration: underline; }

h1 { font-size: 200%; margin: 24pt 0; }

h2 { font-size: 160%; font-style: italic; margin: 0; padding-bottom: 0.1em; margin-bottom: 1em; border-bottom: 1px solid rgba(89, 79, 79, 0.2); }

h3 { font-size: 140%; }

/*-------------------------------------

Layout

-------------------------------------*/
div.sleeve { padding: 0 1em; }

header { background-color: #594F4F; line-height: 2em; text-align: center; color: #f8f6f6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

header h1 { font-size: 100%; margin: 0; padding: 1em 0; font-family: 'Open Sans', sans-serif; color: #f8f6f6; text-align: center; }

header a { color: #f8f6f6; text-decoration: none; }

div.body { clear: both; }

/*- Navigation -----------------------*/
nav.top-nav { display: block; text-align: center; }

nav.top-nav ul { background-color: #594F4F; margin: 0; padding: 0; list-style: none; }

nav.top-nav ul li { display: inline; margin: 0; }

nav.top-nav a { display: inline-block; height: 100%; padding: 0 0.5em; font-variant: all-small-caps; text-decoration: none; }

nav.top-nav a:hover { background-color: #746767; }

/*- Body -----------------------------*/
img, video { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* Makes it possible to define an image caption with _my caption text_ in Markdown */
img + em { text-align: center; display: block; }

img.badge { width: auto; display: inline; margin: 0; }

/*- Footer ---------------------------*/
footer { padding-top: 42px; margin: 42px 0; border-top: 1px solid rgba(89, 79, 79, 0.2); color: #666; font-size: 120%; font-family: serif; text-align: center; }

/* margins and stuff */
p, div.line-block, ul, ol, pre, table { margin: 25px 0; }

dt { margin: 25px 0 16px 0; padding: 0; }

dd { margin: 16px 0 25px 40px; padding: 0; }

ul ol, ol ul, ul ul, ol ol { margin: 10px 0; padding: 0 0 0 40px; }

li { padding: 0; }

h1 + p.date { margin-top: -15px; }

pre, code, tt { font-family: 'Ubuntu Mono', 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', 'Monaco', 'Courier New', monospace; }

pre { line-height: 1.3; background-color: #d8d8d8; padding: 6px; border-radius: 5px; overflow-x: auto; }

code { color: #c25; background-color: #f7f7f7; border: 1px solid #e1e1e8; border-radius: 3px; padding: 1px 3px; }

pre code { background-color: #d8d8d8; color: black; border: none; padding: 0; }

/* tables */
table { border: 1px solid #ddd; border-collapse: collapse; background: #fafafa; }

td, th { padding: 2px 12px; border: 1px solid #ddd; }

/* footnotes */
table.footnote { margin: 15px 0; background: transparent; border: none; }

table.footnote td { border: none; padding: 9px 0 0 0; font-size: 15px; }

table.footnote td.label { padding-right: 10px; }

table.footnote td p { margin: 0; }

table.footnote td p + p { margin-top: 15px; }

/* quotes */
blockquote { margin: 0 2em; padding: 6px; font-family: serif; color: #666; background-color: #eee; position: relative; }

blockquote:before { content: "\201C"; font-size: 300%; position: absolute; top: 0.4em; }

blockquote p { margin-left: 1.4em; }

/*- Blog posts -----------------------*/
ul.blogposts { list-style: none; padding: 0; margin-top: 0; }

ul.blogposts h2 { border: none; padding-bottom: 0; margin-bottom: 0.5em; }

ul.blogposts .bloglinks { font-size: 80%; }

ul.blogposts .meta { opacity: 80%; }

ul.blogposts div.read-more { font-size: 80%; }

div.allposts { background-color: #746767; color: #f8f6f6; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); margin: 0 -1em; padding: 0.5em; text-align: center; }

div.allposts a { color: #f8f6f6; text-decoration: none; border-bottom: 1px solid rgba(248, 246, 246, 0.4); }

div.allposts a:hover { border-bottom: 1px solid #f8f6f6; }

/*- Archive by year ------------------*/
.archive-by-year .date { width: 4em; display: inline-block; }

/*- Mastodon -------------------------*/
.mastodon { text-align: center; }

.mastodon a { color: #594F4F; padding: 0.7em; border-radius: 9px; border: 1px solid #457aa8; text-decoration: none; box-shadow: inset 0 -4px 0 #457aa8; background-color: #f2f6fa; }

.mastodon a:hover { background-color: #f6f9fb; }

.mastodon a:active { position: relative; top: 3px; box-shadow: inset 0 -1px 0 #457aa8; }

/*- Comments -------------------------*/
#comments-container { margin-left: -2em; }

#comments-container ul { padding: 0; margin: 0; margin-left: 2em; list-style: none; }

li.comment { margin-top: 2em; }

li.comment .comment-meta { color: #666; }

li.comment .comment-meta a { color: #666; }

li.comment .message p { margin: 0; }

.comments-are-closed { text-align: center; color: #666; }

/*--------------------------------------

pagination

--------------------------------------*/
div.pagination { grid-area: footer; margin: 36px 0 0 0; text-align: center; }

div.pagination strong { font-weight: normal; font-style: italic; }

/*--------------------------------------

article meta

--------------------------------------*/
div.meta { margin-top: 36px; height: 3em; text-align: right; }

div.share { float: left; }

/*--------------------------------------

tag cloud

--------------------------------------*/
ul.tagcloud { font-size: 16px; margin: 36px 0; padding: 0; list-style: none; }

ul.tagcloud li { margin: 0; padding: 0 10px; display: inline; }

/*--------------------------------------

Gallery

--------------------------------------*/
ul.thumbnails { padding: 0; }

ul.thumbnails li { display: inline-block; padding: 0; margin: 0; }

/*--------------------------------------

Page nav

--------------------------------------*/
nav.page-nav { margin-bottom: 1em; }

nav.page-nav ul { margin: 0; padding: 0; list-style: none; height: 3em; }

nav.page-nav li { display: inline-block; float: left; margin: 0; height: 2em; background-color: #594F4F; color: #f8f6f6; font-variant: all-small-caps; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }

nav.page-nav li:first-child { border-top-left-radius: 1em; border-bottom-left-radius: 1em; }

nav.page-nav li:last-child { border-top-right-radius: 1em; border-bottom-right-radius: 1em; }

nav.page-nav li.active { background-color: #3e3737; }

nav.page-nav li > * { display: inline-block; padding: 0.2em 1.4em; }

nav.page-nav li:first-child > * { padding-left: 1.5em; }

nav.page-nav li:last-child > * { padding-right: 1.5em; }

nav.page-nav li a { color: #f8f6f6; text-decoration: none; }

nav.page-nav li:hover { background-color: #746767; }

/*--------------------------------------

Misc

--------------------------------------*/
img.align-center { margin: 15px auto; display: block; }

.date, .meta { color: #555; font-size: 80%; }

.center { text-align: center; }

/*--------------------------------------

Button

--------------------------------------*/
.dl-button { color: #594F4F; padding: 12px; padding-bottom: 16px; border-radius: 9px; border: 1px solid #457aa8; text-decoration: none; box-shadow: inset 0 -4px 0 #457aa8; background-color: #f2f6fa; }

.dl-button:hover { background-color: #f6f9fb; }

.dl-button:active { position: relative; top: 3px; box-shadow: inset 0 -1px 0 #457aa8; }

/*--------------------------------------

Medium size

--------------------------------------*/
@media screen and (min-width: 600px) { header { clear: both; line-height: 3em; } div.allposts { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; margin: 0; padding: 0.5em 1em; float: right; } div.sleeve { max-width: 1000px; margin: 0 auto; } div.blogposts-container aside { border-left: 1px solid rgba(89, 79, 79, 0.2); margin-left: 1em; padding-left: 1em; } nav.top-nav a { padding: 0 1em; } }

/*--------------------------------------

Full size

--------------------------------------*/
@media screen and (min-width: 800px) { body { font-size: 18px; } header div.sleeve { display: grid; grid-template-columns: auto auto; } header h1 { text-align: left; line-height: 3em; padding: 0; } header nav.top-nav { text-align: right; } }

/*--------------------------------------

Support page

--------------------------------------*/
.support-block { display: grid; grid-template-columns: 40px 1fr; grid-gap: 12px; max-width: 60%; margin: 24px auto; align-items: center; }

.support-block .support-title { font-weight: bold; }

.support-button img { width: 40px; height: 40px; }

@media screen and (min-width: 600px) { .support-block { grid-template-columns: 60px 1fr; max-width: 100%; margin: 0; } .support-button img { width: 60px; height: 60px; } .support-blocks { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 36px; margin-bottom: 25px; } }

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