/* public-sans-regular - latin */
@font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 400; src: local(""), url("../fonts/public-sans-v14-latin-regular.woff2") format("woff2"), url("../fonts/public-sans-v14-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* public-sans-700 - latin */
@font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 700; src: local(""), url("../fonts/public-sans-v14-latin-700.woff2") format("woff2"), url("../fonts/public-sans-v14-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-serif-regular - latin */
@font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: local(""), url("../fonts/noto-serif-v21-latin-regular.woff2") format("woff2"), url("../fonts/noto-serif-v21-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* noto-serif-italic - latin */
@font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 400; src: local(""), url("../fonts/noto-serif-v21-latin-italic.woff2") format("woff2"), url("../fonts/noto-serif-v21-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* fira-mono-regular - latin */
@font-face { font-family: 'Fira Mono'; font-style: normal; font-weight: 400; src: local(""), url("../fonts/fira-mono-v14-latin-regular.woff2") format("woff2"), url("../fonts/fira-mono-v14-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

table#posts-archive, table#posts-archive tr, table#posts-archive td { border-width: 0; }

table#posts-archive td { padding: 0.25em 0; vertical-align: top; }

table#posts-archive .archive-item { color: #999; }

table#posts-archive .archive-item-date { padding-right: 10px; width: 10ch; }

/* Base */
html { font-family: "Noto Serif", serif; font-size: 16px; color: #505050; line-height: 1.5rem; }

::selection { background: #e5ebe7; /* WebKit/Blink Browsers */ }

::-moz-selection { background: #e5ebe7; /* Gecko Browsers */ }

/* Prevent superscript from affecting line height https://stackoverflow.com/a/6594576/14106506 */
sup { line-height: 0; /* The following rules (or similar) likely come from browser style and are not needed */ font-size: 0.83em; vertical-align: super; }

h1 a { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Public Sans", sans-serif; color: #333; line-height: 1; margin: 1rem 0; }

h1:nth-child(n+2), h2:nth-child(n+2) { margin-top: 3rem; }

a { text-decoration: underline; color: #74907A; }

a:hover { color: #5d7462; border-bottom: none; }

img { max-width: 100%; height: auto; border-radius: 5px; }

.icon { border-radius: 0; }

blockquote { margin: 10px 20px 10px; padding: 0 15px; border-left: 0.25em solid #ccc; color: #999; line-height: 1.5; }

hr { border-width: 1px; border-style: solid; border-color: #ccc; }

/* Tables */
table { border-collapse: collapse; margin-bottom: 30px; width: 100%; }

table, th, td { border: 1px solid #ccc; }

th, td { padding: 15px; text-align: left; }

/* Footnotes */
.footnotes li:target { background-color: #FCF1DD; border-radius: 3px; }

.footnotes { border: 2px #ccc; border-style: solid none; }

/* Code */
code, pre { font-family: "Fira Mono", monospace; }

code { padding: .1em .2em; font-size: .8rem; background-color: #f5f5f5; border-radius: 3px; }

pre { display: block; margin-top: 0; margin-bottom: 1rem; padding: 1rem; font-size: .8rem; line-height: 1.4; white-space: pre-wrap; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; }

pre code { padding: 0; font-size: 100%; color: inherit; background-color: transparent; }

/* Horizontal code overflow fix */
pre.highlight { white-space: pre; overflow-x: auto; }

/* Pygments via Jekyll */
.highlight { margin-bottom: 1rem; border-radius: 4px; }

.highlight pre { margin-bottom: 0; }

/* Gist via GitHub Pages */
.gist .gist-file { font-family: "Fira Mono", monospace !important; }

.gist .markdown-body { padding: 15px; }

.gist pre { padding: 0; background-color: transparent; }

.gist .gist-file .gist-data { font-size: .8rem !important; line-height: 1.4; }

.gist code { padding: 0; color: inherit; background-color: transparent; border-radius: 0; }

/* Site container */
.container { margin-left: auto; margin-right: auto; width: 615px; }

.content-container { margin-bottom: 4rem; }

/*48em*/
@media (max-width: 768px) { .container { width: 90vw; } }

/* Header */
.header { margin-bottom: 3rem; display: flow-root; }

.header a { text-decoration: none; }

.header a:hover { color: black; }

.header h1 { margin-bottom: 0; }

.header-title a { color: #505050; margin-bottom: 0; }

/* Menu */
.menu { padding-top: 0.5rem; }

.menu-content { font-family: "Public Sans", sans-serif; font-weight: bold; float: left; }

.menu-content a { color: #999; font-size: 1rem; padding-right: 10px; }

@media (max-width: 30em) { .menu-content { margin-bottom: 5px; } }

/* Hide elements when printing https://stackoverflow.com/a/356123/14106506 */
@media print { .no-print, .no-print * { display: none !important; } }

.centered-image { display: block; width: 75%; /* Or whatever portion of the page you want it to be */ margin: 0 auto; /* Horizontally centers image in its container */ }

/* Footer */
.footer { color: #999; margin: 2rem 0; font-family: "Public Sans", sans-serif; text-align: center; }

.social-links { display: flex; flex-direction: row; gap: 30px; justify-content: center; }

.icon { filter: invert(65%) sepia(0%) saturate(271%) hue-rotate(198deg) brightness(96%) contrast(81%); }

.icon:hover { filter: invert(17%) sepia(1%) saturate(0%) hue-rotate(196deg) brightness(94%) contrast(88%); }

.footer-description { display: block; margin-top: 3px; margin-bottom: 1rem; color: #999; font-size: 0.8rem; }

.footer-description a { color: #999; padding: 10px; text-decoration: none; }

.footer-description a:hover { color: #333; }

/* Posts */
.posts-container { margin-bottom: 3rem; padding: 0; list-style: none; }

/* Limit preview to 3 lines https://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css */
.preview { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; }

/* Pagination */
.pagination { overflow: hidden; font-family: "Public Sans", sans-serif; text-align: center; }

.pagination a { text-decoration: none; }

.pagination-button { color: #999; border: 1px solid #e0e0e0; padding: 15px 45px; display: inline-block; font-size: 16px; font-weight: bold; border-radius: 3px; }

.pagination-active { color: #74907A; }

.pagination-active:hover { background-color: #e0e0e0; }

/* Post */
.post-date { display: block; margin-top: 3px; margin-bottom: 1rem; color: #999; font-family: "Public Sans", sans-serif; font-size: 0.8rem; }

@media (max-width: 30em) { .posts h1 { font-size: 1.5rem; } }

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