@import url("../fonts/inter.css"); .header-header { margin-bottom: 70px } .header-nav { margin: 0 auto; max-width: 1030px; display: flex; justify-content: space-between; padding: 8px 0 } .header-navLeft { display: flex } .header-navLeftImage--1rY1B { width: 50px; height: 50px; margin-right: 20px } .header-navLeftBrand--YVBm8 { margin: 0; align-self: center; /*font-family: Work Sans, sans-serif;*/ /*font-size: 20px*/ text-decoration: none; } .header-linkStyle { /*color: #676767*/ font-family: 'Inter'; } .header-navRight { list-style-type: none; display: flex; margin: 0; align-self: center; padding: 3px 0 0 } .header-navRight a { font-family: 'Inter'; font-weight: 500; font-size: 14px; /*color: #676767;*/ } .header-navList { padding-left: 20px } @media (max-width: 1079.98px) { .header-header { margin-left: 24px; margin-right: 24px; margin-bottom: 32px } } @media (max-width: 600px) { .header-header { margin-bottom: 20px } .header-navLeftImage--1rY1B { margin-right: 10px } .header-navList { padding-left: 15px } } html * { font-family: 'Inter'; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-size: 24px; line-height: 139.5% } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } progress { vertical-align: baseline } [hidden], template { display: none } a { background-color: transparent; color: #000; } a.title { background-color: transparent; color: #000; text-decoration: none; } a:active, a:hover { outline-width: 0 } abbr[title], main a { text-decoration: underline } abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } dfn { font-style: italic } h1 { /*font-family: Martel Sans, sans-serif;*/ font-size: 36px; font-weight: 700; line-height: 41px } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } main img { display: block; margin: auto; max-width: 100%; overflow: clip; padding: 10px; } svg:not(:root) { overflow: hidden } figcaption { text-align: center; /*font-family: Roboto, sans-serif;*/ font-weight: 400; font-size: 14px; color: rgba(0, 0, 0, .65); line-height: 1.5; margin-top: 10px } code, kbd, pre, samp { /*font-family: monospace, monospace;*/ font-size: 1em } figure { margin: 1em 40px } .gatsby-resp-image-figure, p > .gatsby-resp-image-wrapper { margin: 40px 0 } hr { box-sizing: content-box; height: 0; overflow: visible } button, input, optgroup, select, textarea { font: inherit; margin: 0 } optgroup { font-weight: 700 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-input-placeholder { color: inherit; opacity: .54 } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } html { font: 112.5%/1.45em georgia, serif; box-sizing: border-box; overflow-y: scroll } *, :after, :before { box-sizing: inherit } h1 { margin: 0; padding: 0 } h2 { padding-bottom: 0; padding-left: 0; padding-right: 0; /*font-family: Chivo;*/ font-style: normal; font-weight: 700; font-size: 26px; line-height: 139.5%; margin: 1.95em 0 10px } h2:first-child { margin-top: 0 } h3 { font-size: 1.38316rem } h3, h4 { padding: 0; margin: 0 0 1.45rem; color: inherit; /*font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;*/ font-weight: 700; text-rendering: optimizeLegibility; line-height: 1.1 } h4 { font-size: 1rem } h5 { font-size: .85028rem } h5, h6 { padding: 0; margin: 0 0 1.45rem; color: inherit; /*font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;*/ font-weight: 700; text-rendering: optimizeLegibility; line-height: 1.1 } h6 { font-size: .78405rem } hgroup, ol { padding: 0; margin: 0 0 1.45rem } ol { list-style-position: outside; list-style-image: none } dd, dl, figure, p { padding: 0; margin: 0 0 1.45rem } pre { margin: 0 0 1.45rem; font-size: .85rem; line-height: 1.42; background: rgba(0, 0, 0, .04); border-radius: 3px; overflow: auto; word-wrap: normal; padding: 1.45rem } table { font-size: 1rem; line-height: 1.45rem; border-collapse: collapse; width: 100%; /*font-family: Roboto, sans-serif;*/ font-weight: 400; font-size: 15px } fieldset, table { padding: 0; margin: 0 0 1.45rem } blockquote { font-style: italic; margin: 1.45rem 0 1.45rem -20px; padding: 0 0 0 20px; border-left: 3px solid rgba(0, 0, 0, .85) } form, iframe, noscript { padding: 0; margin: 0 0 1.45rem } hr { padding: 0; margin: 0 0 calc(1.45rem - 1px); background: rgba(0, 0, 0, .2); border: none; height: 1px } address { padding: 0; margin: 0 0 1.45rem } b, dt, strong, th { font-weight: 700 } ol li { padding-left: 0; margin-left: 22px; margin-bottom: 14px } ul { padding: 0; list-style: none; list-style-image: none } ul li { padding-left: 0 } .blog-post-content ul { margin-bottom: 1.45rem } .blog-post-content ul li { margin-left: 30px; margin-bottom: 14px } .blog-post-content ul li:before { padding-right: 15px; content: "\2022"; font-size: 20px; position: absolute; display: inline-block; box-sizing: border-box; width: 78px; margin-left: -78px; text-align: right } li > ol, li > ul { margin-left: 1.45rem; margin-top: .725rem } li > ol, li > p, li > ul { margin-bottom: .725rem } code, kbd, samp { font-size: .85rem; line-height: 1.45rem } abbr, abbr[title], acronym { border-bottom: 1px dotted rgba(0, 0, 0, .5); cursor: help } abbr[title] { text-decoration: none } td, th, thead { text-align: left } td, th { border-bottom: 1px solid rgba(0, 0, 0, .12); font-feature-settings: "tnum"; -moz-font-feature-settings: "tnum"; -ms-font-feature-settings: "tnum"; -webkit-font-feature-settings: "tnum"; padding: 5px 20px 5px 5px } td:first-child, th:first-child { padding-left: 0 } td:last-child, th:last-child { padding-right: 0 } code, tt { background-color: rgba(0, 0, 0, .04); border-radius: 3px; /*font-family: SFMono-Regular, Consolas, Roboto Mono, Droid Sans Mono, Liberation Mono, Menlo, Courier, monospace;*/ padding: .2em 0 } pre code { background: none; line-height: 1.42 } code:after, code:before, tt:after, tt:before { letter-spacing: -.2em; content: " " } pre code:after, pre code:before, pre tt:after, pre tt:before { content: "" } @media only screen and (max-width: 480px) { html { font-size: 100% } } .twitter-tweet { margin: 0 auto } .layout-parent--S2h1M { margin: 0 auto; max-width: 681px } .layout-main { margin-bottom: 100px } @media (max-width: 600px) { .layout-parent--S2h1M { margin: 0 24px } } .about-about--16hYq h1 { margin-bottom: 20px } .index-home--UKgeX h1 { /*font-family: Crimson Text, sans-serif;*/ margin-bottom: 32px; font-size: 32px; font-weight: 400 } .post-title {} .post-date--1g0_w { /*font-family: Work Sans, sans-serif;*/ font-style: normal; font-weight: 500; font-size: 14px; color: rgba(0, 0, 0, .71); margin-bottom: 15px; } .post-body { margin-top: 20px; font-size: 24px; line-height: 139.5% } .post-body img { max-width: 100% } .post-bottomNav--2f6l_ { /*font-family: Crimson Text, sans-serif;*/ font-size: 24px; line-height: 139.5%; margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .1) } .post-navLinkContainer--2v9tr { margin-bottom: 10px } .post-bottomNavLink--AvEhl { font-style: "italic" } .post-tags--1RXVQ { list-style-type: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0 } .post-tagItem--kUy9P { display: block; margin-bottom: 5px } .post-tagItemLink--2UVyU { color: #6b6b6b; text-decoration: none; border: 1px solid #cdcdcd; padding: 7px 10px; border-radius: 3px; /*font-family: Roboto, sans-serif;*/ font-weight: 400; font-size: 14px; text-transform: capitalize; margin-right: 10px } @media (max-width: 600px) { .post-body figcaption { overflow: hidden } .post-body { font-size: 20px } .post-body h2 { margin-top: 1.1em } } .post-summary { border-bottom: 1px solid #e1e1e1; margin-bottom: 50px } .post-summary a { text-decoration: none } .post-disclosure { /*font-family: Roboto Mono, monospace;*/ font-style: normal; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #676767; line-height: 17px; margin-top: 40px } .post-disclosure p { margin-bottom: 1rem } .post-disclosure a { color: #676767 } .blog-list-template-navigation { display: flex; justify-content: space-between } .about-pic img { display:block; margin: 25px auto; width: 350px; }