/* General style */
:root { --text-colour: #eeeeee; --navbar-colour: #1b1b1b; --bg-colour: #2d2d2d; --bg-hl-colour: #444444; --link: #2f81b7; }

body { margin: 0; padding: 0; font-family: "PT Sans", sans-serif; background-color: var(--bg-colour); }

main, nav.site-nav { max-width: 800px; margin-right: auto; margin-left: auto; }

main { color: var(--text-colour); padding: 1em; }

/* Hyperlinks */
a:link { color: var(--link); }

a:visited { color: var(--link); }

a:link, a:visited { text-decoration: none; }

/* Naviation bar */
header.site-header { background-color: var(--navbar-colour); color: var(--text-colour); }

nav.site-nav { /* Top bar items */ /* Nav links */ }

nav.site-nav ul { margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; align-items: center; }

nav.site-nav li { display: inline; }

nav.site-nav .page-link { color: var(--text-colour); background-color: var(--navbar-colour); display: inline-block; text-decoration: none; text-align: center; padding: 10px; margin: 0; }

nav.site-nav a:hover, nav.site-nav a:active { background-color: var(--bg-hl-colour); }

nav.site-nav span.page-link { color: var(--bg-hl-colour); }

.post-entry { margin-bottom: 0px; }

.post-meta { font-size: 80%; }

/* Quotations */
blockquote { color: #aaa; border-left: 4px solid var(--bg-hl-colour); padding-left: 1em; margin-left: 2px; }

/* Figures and captions */
img.figure { border: 1px solid var(--bg-hl-colour); }

img.figure, span.caption { display: block; margin-left: auto; margin-right: auto; width: 80%; }

span.caption { text-align: center; font-style: italic; }

.overlay-container { position: relative; text-align: center; }

span.text-overlay { font-size: 160%; /* position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 40%; background-color: var(--bg-hl-colour); */ }

/* Tables */
table { border-collapse: collapse; border-spacing: 0; margin-left: auto; margin-right: auto; }

table td, table th { border: 1px solid var(--bg-hl-colour); padding: 1ch; }

/* Code snippets */
code { font-size: 120%; text-indent: 0px; background-color: var(--bg-hl-colour); padding: 2px 4px; border-radius: 4px; }

pre { padding-left: 1ch; padding-right: 1ch; margin-top: 1ch; margin-bottom: 1ch; }

pre code { display: block; color: white; background-color: var(--bg-hl-colour); overflow: auto; }

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