@import url(code.css);
@font-face { src: url("../fonts/source-sans-regular.woff2"); font-family: "source-sans-regular"; }

@font-face { src: url("../fonts/source-serif-regular.woff2"); font-family: "source-serif-regular"; }

@font-face { src: url("../fonts/iosevka-extended.woff2"); font-family: "iosevka-extended"; }

html { height: 100%; }

body { height: 100%; margin: 0; display: flex; flex-direction: column; background: #181818; font-family: source-sans-regular, sans-serif; color: white; }

header { flex-shrink: 0; top: 0; margin: 0; background: black; }

@media screen and (min-width: 500px) { header { min-height: 100px; } }

.header_content { margin: 20px; display: flex; flex-wrap: wrap; }

@media screen and (min-width: 500px) { .header_content { margin-left: 50px; margin-top: 60px; } }

.header_title { flex-grow: 1; font-family: iosevka-extended, monospace; font-size: 26pt; }

.navigation_list { margin-top: 8px; font-size: large; flex-shrink: 0; }

.content { flex-grow: 1; }

footer { margin: 0; width: 100%; min-height: 100px; flex-shrink: 0; bottom: 0; background: black; }

.footer_content { color: #5c5c5c; display: flex; flex-wrap: wrap; }

.footer_text { margin: 20px; margin-bottom: 0; flex-grow: 1; }

@media screen and (min-width: 300px) { .footer_text { margin-top: 40px; margin-bottom: 0; } }

@media screen and (min-width: 400px) { .footer_text { margin: 40px; margin-bottom: 0; margin-right: 0; } }

.contact_info { margin: 16px; margin-left: 4px; padding-left: 5px; height: min-content; flex-shrink: 0; border: 0; border-left: 1px #5c5c5c; border-style: solid; vertical-align: middle; }

@media screen and (max-width: 420px) { .contact_info { padding-top: 5px; padding-left: 0px; border-left: 0; margin: 10px; } }

.contact_logo { margin: 5px; display: inline-block; vertical-align: middle; }

.button { margin: 5px; margin-bottom: 0; }

sup { vertical-align: top; font-size: 0.8em; }

code { font-family: iosevka-extended, monospace; font-size: 0.8em; tab-size: 8ch; }

a { color: #7385ff; }

a:visited { color: #a883ff; }

#title_link { color: white; font-style: normal; text-decoration: none; }

table, th, td { border: 2px #686868; border-style: solid; border-collapse: collapse; padding: 10px; margin-bottom: 20px; }

h1, h2, h3, h4 { margin-top: 16px; margin-bottom: 4px; margin-left: 0; }

ol { margin-top: 2px; }

blockquote { font-style: italic; color: #cecece; border-left: 2px #cecece; border-left-style: solid; padding-left: 16px; width: 80%; }

figcaption { font-size: 0.7em; margin-bottom: 20px; }

.text_body { font-size: 16pt; line-height: 1.6; font-family: source-serif-regular, serif; }

.sidebar { float: right; width: 30%; height: 90%; margin: 20px; border: 0px; border-left: 2px #5c5c5c; border-style: solid; padding: 20px; }

.contact_list { border-style: none; padding: 2px; }

nav { bottom: 0; right: 0; }

#nav_element { padding: 10px; text-decoration: none; font-weight: bold; }

.nav_icon { width: 16px; color: #6bff83; vertical-align: middle; padding-bottom: 2px; }

.page { color: #74daff; }

.page_current { color: #6bff83; }

.post_list { margin-top: 20px; margin-left: 5%; margin-right: 5%; }

@media screen and (min-width: 1100px) { .post_list { margin-left: 20%; margin-right: 20%; } }

.post_list_title { margin-bottom: 20px; }

.post_entry { padding-bottom: 40px; display: flex; }

.post_cover { margin-right: 20px; width: 20%; border-radius: 10px; overflow: hidden; }

.post_cover img { display: block; overflow: hidden; height: 100%; object-fit: cover; }

.post_info { width: 80%; }

.post_title_link { text-decoration: none; margin-bottom: 10px; }

.post_title { display: inline-block; font-size: 24pt; font-style: normal; text-decoration: none; }

.post_title:hover { text-decoration: underline dotted 4px; }

.post_subtitle { margin-top: 5px; font-size: 18pt; }

.post_desc { margin-bottom: 10px; font-size: 16pt; font-family: source-serif-regular, serif; font-style: normal; }

.post_info { font-size: 12pt; font-style: italic; }

.post { margin-top: 40px; margin-left: 5%; margin-right: 5%; }

@media screen and (min-width: 1100px) { .post { margin-left: 20%; margin-right: 20%; } }

.post_header { margin-left: 0%; }

.title { margin-bottom: 5px; }

.subtitle { font-weight: normal; margin: 0px; }

.info { font-size: 14pt; margin: 20px; display: flex; }

.avatar { display: inline-block; margin: 10px; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }

.info_text { margin: 10px; }

.author { display: inline-block; font-size: 16pt; }

.date { display: inline-block; font-size: 10pt; }

.post_body { font-size: 16pt; line-height: 1.6; font-family: source-serif-regular, serif; }

.post_image { border-radius: 5px; overflow: hidden; max-width: 100%; margin: 10px; margin-left: auto; margin-right: auto; }

@media screen and (max-width: 900px) { .post_image { width: 100%; } }

@media screen and (min-width: 900px) { .post_image { display: block; } }

.highlight { margin-right: 20px; }

.twitter-tweet { display: block; margin-left: auto; margin-right: auto; }

p { margin-top: 0px; }

pre.highlight { background-color: #000000; border-radius: 10px; margin: 0; margin-bottom: 10px; padding: 10px; line-height: 1; overflow-x: scroll; overflow-y: scroll; width: 100%; max-height: 50vh; size: inherit; }

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