[data-page="_layouts/blog-post"] code,[data-page="_layouts/blog-post"] pre{font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:.9em;color:var(--body-color);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}[data-page="_layouts/blog-post"] code ::-moz-selection,[data-page="_layouts/blog-post"] code::-moz-selection,[data-page="_layouts/blog-post"] pre ::-moz-selection,[data-page="_layouts/blog-post"] pre::-moz-selection{background:#073642}[data-page="_layouts/blog-post"] code ::selection,[data-page="_layouts/blog-post"] code::selection,[data-page="_layouts/blog-post"] pre ::selection,[data-page="_layouts/blog-post"] pre::selection{background:#073642}[data-page="_layouts/blog-post"] pre{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}[data-page="_layouts/blog-post"] :not(pre)>code,[data-page="_layouts/blog-post"] pre{background-color:#fdf6e3}[data-page="_layouts/blog-post"] :not(pre)>code{color:#cb4b16;padding:.1em;border-radius:.3em}[data-page="_layouts/blog-post"] .token.cdata,[data-page="_layouts/blog-post"] .token.comment,[data-page="_layouts/blog-post"] .token.doctype,[data-page="_layouts/blog-post"] .token.prolog{color:#93a1a1}[data-page="_layouts/blog-post"] .token.punctuation{color:#586e75}[data-page="_layouts/blog-post"] .token.namespace{opacity:.7}[data-page="_layouts/blog-post"] .token.boolean,[data-page="_layouts/blog-post"] .token.constant,[data-page="_layouts/blog-post"] .token.deleted,[data-page="_layouts/blog-post"] .token.number,[data-page="_layouts/blog-post"] .token.property,[data-page="_layouts/blog-post"] .token.symbol,[data-page="_layouts/blog-post"] .token.tag{color:#268bd2}[data-page="_layouts/blog-post"] .token.attr-name,[data-page="_layouts/blog-post"] .token.builtin,[data-page="_layouts/blog-post"] .token.char,[data-page="_layouts/blog-post"] .token.inserted,[data-page="_layouts/blog-post"] .token.selector,[data-page="_layouts/blog-post"] .token.string,[data-page="_layouts/blog-post"] .token.url{color:#2aa198}[data-page="_layouts/blog-post"] .token.entity{color:#657b83;background:#eee8d5}[data-page="_layouts/blog-post"] .token.atrule,[data-page="_layouts/blog-post"] .token.attr-value,[data-page="_layouts/blog-post"] .token.keyword{color:#859900}[data-page="_layouts/blog-post"] .token.class-name,[data-page="_layouts/blog-post"] .token.function{color:#b58900}[data-page="_layouts/blog-post"] .token.important,[data-page="_layouts/blog-post"] .token.regex,[data-page="_layouts/blog-post"] .token.variable{color:#cb4b16}[data-page="_layouts/blog-post"] .token.bold,[data-page="_layouts/blog-post"] .token.important{font-weight:700}[data-page="_layouts/blog-post"] .token.italic{font-style:italic}[data-page="_layouts/blog-post"] .token.entity{cursor:help}[data-page="_layouts/blog-post"] article{padding-top:calc(var(--nav-height) + 40px);max-width:800px;margin:auto;font-size:20px;line-height:1.45;padding-left:40px;padding-right:40px}[data-page="_layouts/blog-post"] article header{margin-bottom:40px}[data-page="_layouts/blog-post"] article header img{margin-bottom:16px;aspect-ratio:7/3;object-fit:cover;height:auto;width:100%;background:#f2e9cd}[data-page="_layouts/blog-post"] article header h1{margin:0;margin-bottom:24px}[data-page="_layouts/blog-post"] article header .details .spacer{margin:0 10px}[data-page="_layouts/blog-post"] article header .details time{font-weight:700}[data-page="_layouts/blog-post"] article header .details span{margin-bottom:10px}@media (max-width:850px){[data-page="_layouts/blog-post"] article header .details .spacer{display:none}[data-page="_layouts/blog-post"] article header .details span{display:block}}@media (max-width:600px){[data-page="_layouts/blog-post"] article{padding-left:20px;padding-right:20px;font-size:18px}}[data-page="_layouts/blog-post"] article img,[data-page="_layouts/blog-post"] article picture{display:block;max-width:100%;height:auto;margin:auto}[data-page="_layouts/blog-post"] article h1{font-family:var(--header-font);font-weight:400;line-height:1.15;font-weight:700;font-size:64px}@media (max-width:850px){[data-page="_layouts/blog-post"] article h1{font-size:48px}}[data-page="_layouts/blog-post"] article h2{margin-top:calc(60px + 1em);font-family:var(--body-font);font-weight:700;letter-spacing:.03em;line-height:1.15;font-size:44px;position:relative}@media (max-width:850px){[data-page="_layouts/blog-post"] article h2{font-size:36px}}[data-page="_layouts/blog-post"] article h2::before{font-family:var(--header-font);counter-increment:section-number;content:counter(section-number);background:var(--bg-color-3);border-radius:100%;position:absolute;top:-1.3em;left:-1em;width:2.5em;height:2.5em;display:flex;justify-content:center;color:var(--bg-color);z-index:-1}[data-page="_layouts/blog-post"] article h3{margin-top:36px;font-family:var(--body-font);font-weight:700;letter-spacing:.03em;line-height:1.15;font-size:32px}@media (max-width:850px){[data-page="_layouts/blog-post"] article h3{font-size:24px}}[data-page="_layouts/blog-post"] article h4{margin-top:24px;font-family:var(--body-font);font-weight:700;letter-spacing:.03em;line-height:1.15;font-size:28px}@media (max-width:850px){[data-page="_layouts/blog-post"] article h4{font-size:22px}}[data-page="_layouts/blog-post"] article ol>li,[data-page="_layouts/blog-post"] article ul>li{margin-bottom:16px}[data-page="_layouts/blog-post"] article blockquote{font-style:italic}[data-page="_layouts/blog-post"] article hr{margin:40px 0}[data-page="_layouts/blog-post"] article footer .about-the-author{margin:0;margin-top:40px;padding:0;display:flex;align-items:flex-start;font-size:18px}@media (max-width:850px){[data-page="_layouts/blog-post"] article footer .about-the-author{font-size:16px}}[data-page="_layouts/blog-post"] article footer .about-the-author address{font-weight:700;display:inline}[data-page="_layouts/blog-post"] article footer .about-the-author address a,[data-page="_layouts/blog-post"] article footer .about-the-author address a:hover,[data-page="_layouts/blog-post"] article footer .about-the-author address a:visited{opacity:1;color:inherit;text-decoration:none;font-style:normal}[data-page="_layouts/blog-post"] article footer .about-the-author img{width:100px;height:auto;margin:0;margin-right:24px}@media (max-width:850px){[data-page="_layouts/blog-post"] article footer .about-the-author img{width:60px}}[data-page="_layouts/blog-post"] article p>code{white-space:normal}[data-page="_layouts/blog-post"] article blockquote.twitter-tweet,[data-page="_layouts/blog-post"] article p.codepen{margin:auto;max-width:500px;min-height:450px;border-radius:10px;background:#fdf6e3;padding:20px;display:flex;flex-direction:column;justify-content:center}[data-page="_layouts/blog-post"] article iframe[data-embed-type=youtube]{width:100%;height:375px}@media (max-width:850px){[data-page="_layouts/blog-post"] article iframe[data-embed-type=youtube]{height:250px}}