@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&amp;family=Saira+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&amp;display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&amp;family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&amp;family=Rock+Salt&amp;family=Source+Code+Pro:wght@400;700&amp;display=swap");
body { font-family: 'Open Sans', sans-serif; font-size: 1rem; padding-top: 54px; color: #566069; background-color: #e0e1dd; }

.skip-link { position: absolute; left: 1rem; top: -4rem; z-index: 2000; padding: 0.75rem 1rem; background: #fff; color: #0d1b2a; border: 2px solid #4786b2; border-radius: 4px; text-decoration: none; box-shadow: 0 2px 8px rgba(27, 38, 59, 0.12); }

.skip-link:focus { top: 1rem; }

@media (min-width: 992px) { body { padding-top: 0; padding-left: 0; } }

h1, h2, h3, h4, h5, h6 { font-family: 'Saira Extra Condensed', sans-serif; font-weight: 700; color: #0d1b2a; line-height: 1.2; }

h1, h2 { text-transform: uppercase; }

h1 { font-size: 2.5rem; line-height: 1.2; }

h2 { font-size: 2rem; line-height: 1.3; }

h3 { font-size: 1.25rem; line-height: 1.4; }

.subheading { font-weight: 500; font-family: 'Saira Extra Condensed', sans-serif; font-size: 1.1rem; }

@media (min-width: 576px) { h1 { font-size: 3.5rem; } h2 { font-size: 2.5rem; } h3 { font-size: 1.5rem; } .subheading { font-size: 1.25rem; } }

@media (min-width: 768px) { h1 { font-size: 4.5rem; line-height: 1.1; } h2 { font-size: 3rem; } h3 { font-size: 1.75rem; } .subheading { font-size: 1.35rem; } }

@media (min-width: 992px) { h1 { font-size: 6rem; line-height: 5.5rem; } h2 { font-size: 3.5rem; } }

.skill-icons { font-size: 2.5em; }

@media (min-width: 576px) { .skill-icons { font-size: 3em; } }

@media (min-width: 768px) { .skill-icons { font-size: 3.5em; } }

@media (min-width: 992px) { .skill-icons { font-size: 4em; } }

.social-icons a { margin: 0 0.3em 0 0; }

#sideNav .navbar-nav .nav-item .nav-link { font-weight: 600; text-transform: uppercase; }

.mobile-nav-backdrop { display: none; }

.resume-separator { background-size: cover; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; }

@media (min-width: 768px) { .resume-separator { background-attachment: fixed; } }

.resume-header { background-size: cover; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; }

#about_separator { background-image: url(../img/rod.jpg); }

#experience_separator { background-image: url(../img/denver2.jpg); }

#education_separator { background-image: url(../img/ucdenver2.jpg); }

#skills_separator { background-image: url(../img/programming.jpg); }

#contact_separator { background-image: url(../img/contact.jpg); }

#articles_separator { background-image: url(../assets/nomachetejuggling.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; }

#article_header { background-image: url(../assets/nomachetejuggling.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; background-attachment: scroll; min-height: 35vh; }

#projects_separator { background-image: url(../img/projects.jpg); }

img.icon { max-width: 150px; max-height: 150px; border-radius: 5px; }

#map iframe { width: 100%; height: 425px; border: 1px solid #cbbfb5; }

@media (min-width: 992px) { #sideNav { text-align: center; position: fixed; top: 0; left: 0; display: flex; flex-direction: column; width: 17rem; height: 100vh; } #sideNav .navbar-brand { display: flex; margin: auto auto 0; padding: 0.5rem; } #sideNav .navbar-brand .img-profile { max-width: 10rem; max-height: 10rem; border: 0.5rem solid rgba(255, 255, 255, 0.2); } #sideNav .navbar-collapse { display: flex; align-items: flex-start; flex-grow: 0; width: 100%; margin-bottom: auto; } #sideNav .navbar-collapse .navbar-nav { flex-direction: column; width: 100%; } #sideNav .navbar-collapse .navbar-nav .nav-item { display: block; } #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link { display: block; } }

@media (max-width: 991.98px) { body.mobile-nav-open { overflow: hidden; } .post .postentry ul, .post .postentry ol { margin-left: 0; padding-left: 1.6em; } .post .postentry ul ul, .post .postentry ol ol, .post .postentry ul ol, .post .postentry ol ul { margin-left: 0; padding-left: 1.35em; } #sideNav { padding: 0.75rem 1rem; align-items: center; } #sideNav .navbar-brand { margin-right: 0.75rem; padding: 0; } .mobile-topbar-brand { display: flex !important; align-items: center; gap: 0.7rem; } .mobile-topbar-profile { display: block; width: 2.9rem; height: 2.9rem; object-fit: cover; border-radius: 999px; border: 0.22rem solid rgba(255, 255, 255, 0.2); } .mobile-topbar-name { font-family: 'Saira Extra Condensed', sans-serif; font-size: 1.9rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: #fff; line-height: 1; } #sideNav .navbar-toggler { margin-left: auto; padding: 0.45rem 0.7rem; border-color: rgba(255, 255, 255, 0.45); } #sideNav .navbar-toggler:focus { outline: none; box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2); } #sideNav .navbar-collapse { position: fixed; top: 0; right: 0; width: max-content; max-width: 14rem; height: 100vh; padding: 1.4rem 1.15rem 1.8rem; background: #4786b2; box-shadow: -10px 0 30px rgba(27, 38, 59, 0.24); overflow-y: auto; z-index: 1045; display: block !important; visibility: hidden; transform: translateX(100%); transition: transform 0.25s ease, visibility 0.25s ease; } #sideNav .navbar-collapse.collapsing, #sideNav .navbar-collapse.show { visibility: visible; transform: translateX(0); } #sideNav .navbar-collapse.collapsing { height: 100vh !important; } #sideNav .navbar-collapse:not(.show):not(.collapsing) { pointer-events: none; } #sideNav .navbar-nav { width: auto; } #sideNav .navbar-nav .nav-item { width: auto; } #sideNav .navbar-nav .nav-item .nav-link { display: block; padding: 0.5rem 1rem; font-size: 1rem; line-height: 1.5; color: rgba(255, 255, 255, 0.5); text-align: right; white-space: nowrap; } .mobile-nav-backdrop { display: block; position: fixed; inset: 0; background: rgba(27, 38, 59, 0.34); opacity: 0; pointer-events: none; transition: opacity 0.25s ease; z-index: 1040; } body.mobile-nav-open .mobile-nav-backdrop { opacity: 1; pointer-events: auto; } }

body .site-content { background-color: #f1f2f0; background-image: url(/assets/light-paper-fibers.png), linear-gradient(to bottom right, rgba(255, 255, 255, 0.82) 0%, rgba(241, 242, 240, 0.96) 62%); background-repeat: repeat, no-repeat; background-position: top left, top left; min-height: 100vh; }

@media (min-width: 992px) { body { background-color: #4786b2; background-image: none; } body .site-shell { display: flex; min-height: 100vh; width: 100%; max-width: none; margin: 0; background-color: transparent; } body #sideNav { position: fixed; top: 0; left: 0; } body .site-content { flex: 1 1 auto; width: calc(100% - 17rem); margin-left: 17rem; min-width: 0; max-width: none; } body .site-content .container-fluid { width: 100%; max-width: none; } body .site-content .content-measure { width: 860px; max-width: 100%; margin-left: auto !important; margin-right: auto !important; } body .site-content .content-measure .post { max-width: none; margin-left: auto; margin-right: auto; } }

section.resume-section { border-bottom: 1px solid #d2cbc3; padding-top: 3rem !important; padding-bottom: 3rem !important; scroll-margin-top: 72px; }

section.resume-section .resume-item .resume-date { min-width: none; }

@media (min-width: 768px) { section.resume-section { min-height: 100vh; padding-top: 4rem !important; padding-bottom: 4rem !important; } section.resume-separator { min-height: 35vh; } section.resume-section .resume-item .resume-date { min-width: 18rem; } }

@media (min-width: 992px) { section.resume-section { padding-top: 3rem !important; padding-bottom: 3rem !important; scroll-margin-top: 0; } }

@media (max-width: 768px) { section.resume-separator { min-height: 35vh; } img.icon { display: none; } #map { display: none; } }

@media (max-width: 600px) { section.resume-section { font-size: 16px !important; } section.resume-section h1 { font-size: 40px !important; } section.resume-section h2 { font-size: 32px !important; } section.resume-section h3 { font-size: 24px !important; } section.resume-section .subheading { font-size: 19px !important; } section.resume-section p, section.resume-section li { font-size: 16px !important; } section.resume-section .post .postentry .toc h1 { font-size: 1.05rem !important; line-height: 1.1 !important; margin-bottom: 0.8rem !important; } }

.bg-primary { background-color: #4786b2 !important; }

.text-primary { color: #4786b2 !important; }

.btn-primary { background-color: #4786b2; border-color: #4786b2; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #386b8e; border-color: #386b8e; }

a { color: #4786b2; }

a:hover, a:focus, a:active { color: #315d7b; }

a:focus-visible, button:focus-visible, [role="button"]:focus-visible, .nav-link:focus-visible, .navbar-toggler:focus-visible { outline: 3px solid rgba(71, 134, 178, 0.45); outline-offset: 3px; }

/* Post Formatting */
#content hr { border: none; border-bottom: 1px dotted #cbbfb5; margin: 0; }

.post-listing { padding: 1em 0; }

.post-listing .postheader h1 { font-size: 100%; }

.post-listing .post-preview { border-bottom: 1px dotted #cbbfb5; padding-bottom: 1em; margin-bottom: 2em; }

.post-listing .post-preview:last-child { border-bottom: 0; }

.articles-intro { max-width: 48rem; }

.article-listing { position: relative; align-items: flex-start; gap: 1.5rem; padding-bottom: 2rem; margin-bottom: 2rem !important; }

.article-listing:last-of-type { margin-bottom: 0 !important; padding-bottom: 0; }

.article-listing-media { flex: 0 0 auto; }

.article-listing-thumb { width: 150px; height: 150px; overflow: hidden; margin-left: auto; }

.article-listing-thumb-image { display: block; width: 150px; height: 150px; object-fit: cover; object-position: center center; border-radius: 5px; }

@media (max-width: 767.98px) { .article-listing { gap: 1rem; padding-bottom: 1.6rem; margin-bottom: 1.6rem !important; } .article-listing-media { width: 100%; } .article-listing-thumb { margin-left: 0; } }

.post-comments { margin-top: 4rem; }

a.thumb figure { float: left; margin: 15px; position: relative; width: calc(25% - 30px - 2px); }

a.thumb figure img { width: 100%; aspect-ratio: 16 / 10; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #4786b2; margin-bottom: 15px; }

a.thumb figcaption { display: table-row; line-height: 1.5em; letter-spacing: .1em; padding: 0.5em 1em 0.5em 1em; font-size: 0.8rem; text-align: center; font-family: "Rock Salt", cursive; margin-bottom: 15px; height: 4rem; overflow: hidden; }

.post { margin: 0; max-width: 1000px; font-weight: 400; font-size: 100%; word-spacing: .08em; line-height: 1.68em; text-shadow: rgba(255, 255, 255, 0.4) 0 1px 0; text-align: left; /* p:first-child:first-letter { font-size: 2em; padding: .1em; } p:first-child { text-indent: 0; } */ }

.post b, .post strong { font-weight: 600; }

.post p, .post ol li, .post ul li { margin-top: 0; }

.post p { margin-bottom: 1.15em; }

.post li { margin-top: .3em; margin-bottom: .3em; }

.post dd, .post dt, .post dl, .post li, .post ul, .post ol { text-align: left; }

.post li li { font-size: 1em; }

.post .postentry ul, .post .postentry ol { margin-top: 1.1em; margin-bottom: 1.35em; list-style-position: outside; }

.post .postentry ul { padding-left: 2.2em; }

.post .postentry ol { padding-left: 2.55em; }

.post .postentry blockquote, .post .postentry .chat-transcript, .post .postentry pre { font-size: 100%; text-align: left; border: 0; margin: 34.5px auto; width: 570px; hyphens: none; }

.post .postentry blockquote p, .post .postentry .chat-transcript p, .post .postentry pre p { margin: .5em; }

.post .postentry blockquote, .post .postentry .chat-transcript { padding: 5px; hyphens: none; }

.post .postentry blockquote { content: attr(data-pullquote); width: 80%; margin-bottom: 30px; margin-top: 30px; padding: 0; text-align: center; font-family: "Rock Salt", cursive; line-height: 1.5em; font-size: 1rem; color: #1b263b; border-top: 1px solid rgba(185, 163, 148, 0.62); border-bottom: 1px solid rgba(185, 163, 148, 0.62); letter-spacing: 0.1em; background-color: rgba(241, 242, 240, 0.56); }

.post .postentry .chat-transcript { padding-left: 1em; padding-right: 1em; }

.post .postentry .chat-transcript dd { margin-bottom: 1em; }

.post .postentry .chat-transcript dd:last-child { margin-bottom: 0; }

.post .postentry pre code { overflow: auto; padding: 5px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; hyphens: none; }

.post .postentry blockquote blockquote { margin-left: 0; font-size: 1em; }

.post .postentry .twitter-tweet { margin: 30px auto !important; }

.post .postentry table { margin-top: 1.2em; margin-bottom: 1.5em; }

.post .postentry table.receipt { display: table; background-color: #efefed; border: 0; margin: 30px auto; padding: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-color: #b9a394; }

.post .postentry table.receipt th, .post .postentry table.receipt td { padding: .3em .5em; }

.post .postentry table.receipt thead { font-weight: 400; border-top: 0; background-color: #e0e1dd; }

.post .postentry table.receipt tfoot { font-weight: 600; border-bottom: 0; }

.post .postentry blockquote.email { word-spacing: normal; letter-spacing: normal; line-height: 16px; font-size: 12px; font-family: "Lucida Console", Monaco, monospace; background-color: white; text-align: left; }

.post .postentry pre { font: 14px "Source Code Pro", monospace !important; font-size: 100% !important; word-spacing: normal; letter-spacing: normal; hyphens: none; }

.post .postentry .tweet { border-color: #cbecfb !important; }

.post .postentry .tweet .from { font-family: trebuchet ms; font-weight: bold; color: #4596cd; padding: 1px 8px 2px 27px; background-color: #f8f8fb; background-image: url(/wp-content/themes/flying-machetes2/images/tweet.png); background-repeat: no-repeat; }

.post .postentry .tweet a, .post .postentry .tweet a:hover { text-decoration: none !important; color: #566069; border: 0; }

.post .postentry code { font: 14px "Source Code Pro", monospace; background-color: #efefed; padding: 0 0.2em; hyphens: none; }

.post .postentry .code-edit { padding: 4px; font: 14px "Source Code Pro", monospace; color: black !important; }

.post .postentry code.language-output, .post .postentry code.language-terminal { -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; word-wrap: break-word; }

.post .postentry code.language-output { font-size: 12px; }

.post .postentry pre code { background-color: #efefed; }

.post .postentry .highlight pre { box-shadow: 0 2px 8px rgba(27, 38, 59, 0.12); }

.post .postentry pre code.language-terminal, .post .postentry pre code.language-output { display: block; width: 100%; box-sizing: border-box; margin: 0; overflow-x: auto; color: #efefed !important; font: 14px "Source Code Pro", monospace; font-size: 12px; text-shadow: none; padding: 10px; background-color: #1b263b; box-shadow: 0 2px 8px rgba(27, 38, 59, 0.12); white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }

.post .postentry pre code.language-terminal span, .post .postentry pre code.language-output span { color: #efefed !important; }

.post .postentry dt { font-weight: bold; padding: 0; }

.post .postentry dd { margin: 0 0 .5em 0; padding: 0 0 0 2em; }

.post .postentry figure.image { border: 0; padding: 0; text-align: center; display: table; margin: 0; }

.post .postentry figure.image img { display: table-row; width: 100%; }

.post .postentry figure.image figcaption { display: table-row; }

.post .postentry figure.image a { border-bottom: 0; }

.post .postentry figure.image a:hover { border-bottom: 0; }

.post .postentry figure.image .caption { margin: 5px 5px 0 5px; line-height: 1.5em; letter-spacing: .1em; padding: 0.5em 1em 0.5em 1em; font-size: 1rem; text-align: center; font-family: "Rock Salt", cursive; }

.post .postentry figure.image img { border-radius: 5px; box-shadow: 0 2px 8px rgba(27, 38, 59, 0.12); }

.post .postentry figure.image.captioned img { border-radius: 5px; }

.post .postentry figure.image.zoomable img { cursor: zoom-in; }

.post .postentry figure.image.aligncenter { /*max-width: 1px; */ margin: 30px auto 30px auto; max-width: 800px; clear: both; }

.post .postentry figure.image.alignfull { margin: 30px 0; width: 100%; max-width: 100%; clear: both; }

.post .postentry figure.image.alignright { margin: 0.75em 0 0.9em 30px; margin-right: 0px; float: right; max-width: 350px; }

.post .postentry figure.image.alignright figcaption, .post .postentry figure.image.alignright .caption { font-size: 0.9rem; }

.post .postentry figure.image.alignleft { margin: 0.75em 30px 0.9em 0; margin-left: 0px; float: left; max-width: 350px; }

.post .postentry figure.image.alignleft figcaption, .post .postentry figure.image.alignleft .caption { font-size: 0.9rem; }

.post .postentry hr { margin-top: 2em !important; margin-bottom: 2em !important; }

.post .postentry h1, .post .postentry h2, .post .postentry h3, .post .postentry h4, .post .postentry h5, .post .postentry h6 { margin: 1.15em 0 .4em 0; }

.post .postentry a { border-bottom: 1px solid #ddd; }

.post .postentry a:hover { border-bottom: 1px solid #4786b2; text-decoration: none; }

.post .postentry .footnotes { margin: 2.5em 0 0 0; padding-top: 1.2em; border-top: 1px solid #cbbfb5; font-size: 75%; line-height: 1.35em; }

.post .postentry .footnotes ol { margin: 0; padding-left: 1.2em; }

.post .postentry .footnotes li { margin: 0.4em 0; }

.post .postentry .footnotes p { margin: 0; }

.post .postentry .footnotes a.reversefootnote { font-size: 60%; text-decoration: none; border-bottom: 0; }

.post span[data-pullquote] { /*display: block;*/ }

.post span[data-pullquote]:before { content: attr(data-pullquote); width: 100%; min-width: 20%; max-width: 30%; margin-bottom: 0.5em; margin-top: 0.5em; padding: 15px; text-align: center; letter-spacing: .1em; font-family: "Rock Salt", cursive; font-size: 1rem; color: #1b263b; }

.post span.right[data-pullquote]:before { float: right; margin-right: 0px; margin-left: 30px; }

.post span.left[data-pullquote]:before { float: left; margin-right: 30px; margin-left: 0px; }

.post .equation { margin: 1em auto; text-align: center; }

.post #thumbnails { margin-left: -15px; margin-right: -15px; }

.post .thumbnail { width: calc(25% - 30px - 2px); aspect-ratio: 16 / 10; float: left; margin: 15px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #4786b2; }

.post .thumbnail h1 { position: absolute; bottom: 0; left: 0; color: #e0e1dd; width: 100%; text-align: center; line-height: 2em; margin: 0; font-family: "Rock Salt", cursive; padding: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; letter-spacing: .1em; box-sizing: border-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; font-size: 90%; -webkit-box-orient: vertical; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; background-color: #4786b2; text-transform: initial; }

.post h1 { font-size: 3rem; }

.post h2 { font-size: 2.6rem; }

.post h3 { font-size: 2.4rem; }

.post h4 { font-size: 2rem; }

.post h5 { font-size: 1.5rem; }

.post h6 { font-size: 1.2rem; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { clear: both; }

.post a:hover .thumbnail { border-color: #2a4f69; }

.post a:hover .thumbnail h1 { color: white; background-color: #2a4f69; }

.post .postheader { width: 100%; font-size: 80%; font-family: "Lato", sans-serif; font-weight: 400; margin-bottom: 2em; }

.post .postheader .posttitle { line-height: 1.2em; letter-spacing: -.01em; word-spacing: .1em; text-decoration: none !important; color: #0d1b2a; margin: 0 0; }

.post .postheader .posttitle a { color: #4786b2; }

.post .postheader .posttitle a:hover { text-decoration: none; }

.post .postheader h1 { font-size: 3.5rem; }

.post .postheader h2 { font-size: 3rem; }

.post .postheader h3 { font-size: 1.4rem; }

.post .postheader h4 { font-size: 1.2rem; }

.post .postheader h5 { font-size: 1.1rem; }

.post .postheader h6 { font-size: 1rem; }

.post .postheader .postmeta { min-height: 20px; line-height: 20px; margin-top: 0.45rem; color: #6c747b; letter-spacing: 0.06em; text-transform: uppercase; }

.post .postheader .postmeta .category { height: 20px; float: left; }

.post .postheader .postmeta .comments { height: 20px; float: left; margin: 0 10px; }

.post .postheader .postdate { width: 48px; height: 48px; border: 1px solid #4786b2; float: right; text-align: center; margin: 0 0 5px 5px; text-shadow: none; background-color: #f1f2f0; }

.post .postheader .postdate .month { height: 20px; line-height: 20px; font-size: 130%; background-color: #4786b2; color: #f1f2f0; }

.post .postheader .postdate .day { height: 30px; line-height: 25px; font-size: 160%; color: #4786b2; }

.post .toc { font-family: "Lato", sans-serif; padding: 15px 18.1818181818px 15px 22.2222222222px; float: right; font-size: 85%; line-height: 1.2em; font-weight: 400; letter-spacing: 0; word-spacing: 0; text-align: left; margin: 0 0 30px 30px; margin-right: 0px; min-width: 160px; max-width: 26%; border: 1px solid rgba(185, 163, 148, 0.46); background-color: rgba(244, 244, 243, 0.82); backdrop-filter: blur(1px); box-shadow: 0 2px 8px rgba(27, 38, 59, 0.1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.post .toc a { border: none; }

.post .toc h1 { margin: 0 0 0.9em 0; font-size: 1.05rem; font-weight: 700; color: #0d1b2a; text-align: center; line-height: 1em; letter-spacing: 0.12em; text-transform: uppercase; }

.post .toc ol { margin: 0 2px 0 -5px; padding-left: 10px; list-style-type: disc; }

.post .toc ol li { margin: .38em 0; }

.post .toc ol ol { display: none; list-style-type: none; margin-left: -10px; }

.post .toc ol ol ol { display: none; list-style-type: none; margin-left: 0px; }

.image-fullscreen-overlay { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 2rem; background: rgba(27, 38, 59, 0.94); opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; }

.image-fullscreen-overlay.is-visible { opacity: 1; visibility: visible; }

.image-fullscreen-dialog { position: relative; width: 96vw; max-width: 1600px; max-height: 92vh; }

.image-fullscreen-image { display: block; max-width: 100%; max-height: 92vh; width: auto; height: auto; border-radius: 10px; box-shadow: 0 24px 80px rgba(27, 38, 59, 0.5); }

.image-fullscreen-close { position: absolute; top: -0.85rem; right: -0.85rem; width: 2.5rem; height: 2.5rem; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.96); color: #0d1b2a; font-size: 1.5rem; line-height: 1; cursor: pointer; box-shadow: 0 10px 30px rgba(27, 38, 59, 0.25); }

.image-fullscreen-close:hover { background: #fff; }

.image-fullscreen-close:focus { outline: 2px solid #4786b2; outline-offset: 2px; }

body.image-fullscreen-open { overflow: hidden; }

dl.links dt { font-weight: normal !important; padding-left: 5em !important; text-indent: -4em; margin-top: .8em; }

dl.links dt a { /* font-weight: bold !important; */ }

dl.links dd { padding-left: 4em !important; }

.postmetadata { margin: 1em 0; font-size: 110%; color: #777e84; text-align: justify; }

.articles-pagination { text-align: center; }

.form-control::placeholder { color: #949a9d; opacity: 1; }

.navigation { font-size: 110%; padding: 30px 0; }

.navigation .alignleft { float: left; }

.navigation .alignright { float: right; }

.cleaner { clear: both; font-size: 1px; }

.resume { -moz-box-shadow: 0px 0px 5px #b9a394; -webkit-box-shadow: 0px 0px 5px #b9a394; box-shadow: 0px 0px 5px #b9a394; border: 1px solid #b9a394; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 80%; padding: 3em; background-color: #efefed; font-family: "Trebuchet MS"; line-height: 1.2em; letter-spacing: normal; word-spacing: normal; }

.resume hr { margin: 0; padding: 0; height: 1px; background-color: #ccc; color: #ccc; border: 0 !important; }

.resume ul { list-style-type: none; margin-left: -3em; }

.resume ul li { margin: .4em 0; }

.resume ul ul { margin-left: -1.5em; list-style-type: disc; font-size: 82%; }

.resume ul ul li { margin: .1em 0; }

.resume ul ul LI:last-child { margin-bottom: 1em; }

.EmbeddedTweet { -moz-box-shadow: 0px 0px 5px #000 !important; -webkit-box-shadow: 0px 0px 5px #000 !important; box-shadow: 0px 0px 5px #000 !important; }

@media screen and (max-width: 719px) { #navlist li.cat-item { display: none; } #page { margin-left: 0; } #navcontainer { width: 100%; } #navlist { margin-left: 0; } #content { width: 100%; } .toc { display: block; float: none; width: 100%; max-width: 100%; margin: 0 0 1.5rem 0; padding: 1rem 1.1rem; } .toc h1 { font-size: 1.05rem !important; line-height: 1.1 !important; margin-bottom: 0.8rem; } .post .postentry .toc ol { margin: 0 2px 0 -5px; padding-left: 10px; } .post .postentry .toc ol ol { display: none; margin-left: -10px; } .post .postentry .toc ol ol ol { display: none; margin-left: 0; } .post .postentry table.image.aligncenter, .post .postentry blockquote, .post .postentry pre { max-width: 96%; } .post .postentry .image.aligncenter img, .post .postentry .image.aligncenter embed { max-width: 100%; height: auto; } .post .postentry ul, .post .postentry ol { margin-left: 0; } .post .postentry ul { padding-left: 1.8em; } .post .postentry ol { padding-left: 2.15em; } .post .postentry ul ul, .post .postentry ol ol, .post .postentry ul ol, .post .postentry ol ul { margin-left: 0; padding-left: 1.35em; } }

@media screen and (max-width: 600px) { body { font-size: 52%; } .post { text-align: left; } .post .postentry .thumbnail h1 { font-size: 90%; top: 0; bottom: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: rgba(239, 239, 237, 0.9); } .post .postentry .image.alignfull { float: none; margin: 30px 0; width: 100%; max-width: 100%; } .post .postentry .image.alignright { float: none; margin: 0 auto; margin: 30px auto 30px auto; } .post .postentry .image.alignleft { float: none; margin: 0 auto; margin: 30px auto 30px auto; } .post .postentry figure.image.alignleft, .post .postentry figure.image.alignright { float: none !important; margin: 30px auto 30px auto !important; max-width: 800px !important; clear: both !important; } .post .postentry figure.image.alignfull { float: none !important; margin: 30px 0 !important; width: 100% !important; max-width: 100% !important; clear: both !important; } }

@media screen and (max-width: 420px) { .post .postentry .thumbnail h1 { font-size: 60%; overflow: hidden; } .post .postentry figure.image.aligncenter { margin: 1em auto; float: none; width: 90% !important; max-width: 90%; } .post .postentry figure.image.alignright { margin: 1em auto; float: none; width: 90% !important; max-width: 90%; } .post .postentry figure.image.alignleft { margin: 1em auto; float: none; width: 90% !important; max-width: 90%; } .post .postentry figure.image.alignfull { margin: 1em auto; float: none; width: 100% !important; max-width: 100%; } }

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