/* 把 body 的背景图片设为指定图片，并且把图片设为覆盖（cover）整个浏览器窗口
 * 图片出现确定位置为居中（center），并并且图片不会有任何重复（no-repeat）
 * 最后一行代码隐藏横向（x-axis）的滚动条，防止当页面产生横向溢出时滚动条出现 */
 body {
    background-image: url("/static/images/1313226.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
}

/* 这个是全局设置，适配所有 HTML 元素
 * 移除所有元素的边距（margin）和填充（padding）
 * 设置元素的盒模型为 border-box，这样设置后元素的宽高包括内容、内边距和边框 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 设置页眉（header）元素始终粘贴（sticky）在视口顶部（top: 0）
 * 背景色为白色，宽度占满视口
 * z-index 设置为 100，保证页眉在 z 轴上位于其他元素之上 */
 header {
    display: flex;
    justify-content: start;
    align-items: center;
    position: sticky;
    top: 0;
    background-color: white;
    width: 100%;
    height: 90px; /* 你可以根据需要修改这个值 */
    z-index: 100;
}


header img {
    position: absolute; /* 绝对定位可以将元素摆脱文档流，使得位置固定 */
    left: 50px; /* 这里的值表示 logo 距离页面左边的距离，你可以根据需要进行调整 */
    width: 90px;
    height: auto;
}


header a {
    margin-right: auto; /* 将主页链接和导航列表分隔开 */
}


.section1-link {
    margin-left: 30px; /* 或者你需要的值 */
}



h1, h2, h3 {
    text-align: center;
}

a {
    text-decoration: none;
    font-weight: bold;
}

.font_01 {
    font-size:30px;
    color:green;
}

.font_02 {
    color:blue;
}

footer {
    text-align: center;
}



.header {
    background-color: #f8f8f8;
    height: 60px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.logo {
    height: 60px;
}

.nav {
    list-style-type: none;
}

.nav-item {
    display: inline;
    margin: 0 100px;
}

.nav-link {
    text-decoration: none;
    color: #969696;
}

@layer utilities {
            .link-container {
                @apply bg-white/90 dark:bg-gray-800/90 rounded-lg p-6 shadow-xl max-w-2xl mx-auto;
            }
            .nav-link {
                @apply block py-2 px-4 rounded-md transition-all duration-300 hover:bg-primary/10 hover:text-primary font-medium;
            }
}



/* ========================================================================== Default skin ========================================================================== */
/*! Minimal Mistakes Jekyll Theme 4.24.0 by Michael Rose Copyright 2013-2020 Michael Rose - mademistakes.com | @mmistakes Licensed under MIT (https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE) */
/* Variables */
/* ========================================================================== Variables ========================================================================== */
/* Typography ========================================================================== */
/* paragraph indention */
/* system typefaces */
/* sans serif typefaces */
/* serif typefaces */
/* type scale */
/* headline scale */
/* Colors ========================================================================== */
/* YIQ color contrast */
/* brands */
/* links */
/* notices */
/* syntax highlighting (base16) */
/* Breakpoints ========================================================================== */
/* Grid ========================================================================== */
/* Other ========================================================================== */
/* Mixins and functions */
/* Magnific Popup CSS */

/* ========================================================================== MASTHEAD ========================================================================== */
.masthead { position: relative; border-bottom: 1px solid #f2f3f3; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; z-index: 20; }







.masthead__inner-wrap {
    clear: both; 
    margin-top: 1px; /* 元素整体下移 20px */
    margin-left: auto; 
    margin-right: auto; 
    padding: 1em; 
    max-width: 100%; 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    justify-content: space-between;
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", 
                "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
}

.masthead__inner-wrap::after { clear: both; content: ""; display: table; }

.masthead__inner-wrap nav { z-index: 10; }

.masthead__inner-wrap a { text-decoration: none; }

.masthead__menu { float: left; margin-left: 0; margin-right: 0; width: 100%; clear: both; }

.masthead__menu .site-nav { margin-left: 0; }

.masthead__menu ul { margin: 0; padding: 0; clear: both; list-style-type: none; }

.masthead__menu-item { display: block; list-style-type: none; white-space: nowrap; }

.masthead__menu-item--lg { padding-right: 2em; font-weight: 700; }













/* Priority plus navigation ========================================================================== */
.greedy-nav { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 2em; background: #fff; }

.greedy-nav a { display: block; margin: 0 1rem; color: #6f777d; text-decoration: none; -webkit-transition: none; transition: none; }

.greedy-nav a:hover { color: #53595e; }

.greedy-nav a.site-logo { margin-left: 0; margin-right: 0.5rem; }

.greedy-nav a.site-title { margin-left: 0; }

.greedy-nav img { -webkit-transition: none; transition: none; }

.greedy-nav__toggle { -ms-flex-item-align: center; align-self: center; height: 2rem; border: 0; outline: none; background-color: transparent; cursor: pointer; }

.greedy-nav .visible-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.greedy-nav .visible-links li { -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.greedy-nav .visible-links a { position: relative; }

.greedy-nav .visible-links a:before { content: ""; position: absolute; left: 0; bottom: 0; height: 4px; background: #6f777d; width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scaleX(0) translate3d(0, 0, 0); transform: scaleX(0) translate3d(0, 0, 0); }

.greedy-nav .visible-links a:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.greedy-nav .hidden-links { position: absolute; top: 100%; right: 0; margin-top: 15px; padding: 5px; border: 1px solid #f2f3f3; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.greedy-nav .hidden-links.hidden { display: none; }

.greedy-nav .hidden-links a { margin: 0; padding: 10px 20px; font-size: 1em; }

.greedy-nav .hidden-links a:hover { color: #53595e; background: #dbdddf; }

.greedy-nav .hidden-links:before { content: ""; position: absolute; top: -11px; right: 10px; width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #f2f3f3 transparent; display: block; z-index: 0; }

.greedy-nav .hidden-links:after { content: ""; position: absolute; top: -10px; right: 10px; width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #fff transparent; display: block; z-index: 1; }

.greedy-nav .hidden-links li { display: block; border-bottom: 1px solid #f2f3f3; }

.greedy-nav .hidden-links li:last-child { border-bottom: none; }

.no-js .greedy-nav .visible-links { -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: visible; }





/* Navigation list ========================================================================== */
.nav__list { margin-bottom: 1.5em; }

.nav__list input[type="checkbox"], .nav__list label { display: none; }

@media (max-width: 63.9375em) { .nav__list { /* selected*/ /* on hover show expand*/ } .nav__list label { position: relative; display: inline-block; padding: 0.5em 2.5em 0.5em 1em; color: #7a8288; font-size: 0.75em; font-weight: bold; border: 1px solid #bdc1c4; border-radius: 4px; z-index: 20; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; cursor: pointer; } .nav__list label:before, .nav__list label:after { content: ""; position: absolute; right: 1em; top: 1.25em; width: 0.75em; height: 0.125em; line-height: 1; background-color: #7a8288; -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; } .nav__list label:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav__list label:hover { color: #fff; border-color: #7a8288; background-color: #333333; } .nav__list label:hover:before, .nav__list label:hover:after { background-color: #fff; } .nav__list input:checked + label { color: white; background-color: #333333; } .nav__list input:checked + label:before, .nav__list input:checked + label:after { background-color: #fff; } .nav__list label:hover:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .nav__list input:checked + label:hover:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .nav__list ul { margin-bottom: 1em; } .nav__list a { display: block; padding: 0.25em 0; } }

@media (max-width: 63.9375em) and (min-width: 64em) { .nav__list a { padding-top: 0.125em; padding-bottom: 0.125em; } }

@media (max-width: 63.9375em) { .nav__list a:hover { text-decoration: underline; } }

.nav__list .nav__items { margin: 0; font-size: 1.25rem; }

.nav__list .nav__items a { color: inherit; }

.nav__list .nav__items .active { margin-left: -0.5em; padding-left: 0.5em; padding-right: 0.5em; font-weight: bold; }

@media (max-width: 63.9375em) { .nav__list .nav__items { position: relative; max-height: 0; opacity: 0%; overflow: hidden; z-index: 10; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translate(0, 10%); -ms-transform: translate(0, 10%); transform: translate(0, 10%); } }

@media (max-width: 63.9375em) { .nav__list input:checked ~ .nav__items { -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; max-height: 9999px; /* exaggerate max-height to accommodate tall lists*/ overflow: visible; opacity: 1; margin-top: 1em; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } }

.nav__title { margin: 0; padding: 0.5rem 0.75rem; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em; font-weight: bold; }

.nav__sub-title { display: block; margin: 0.5rem 0; padding: 0.25rem 0; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 0.75em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #f2f3f3; }

/* Table of contents navigation ========================================================================== */
.toc { font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; color: #7a8288; background-color: #fff; border: 1px solid #f2f3f3; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); }

.toc .nav__title { color: #fff; font-size: 0.75em; background: #6f777d; border-top-left-radius: 4px; border-top-right-radius: 4px; }

.toc .active a { background-color: #e2e4e5; color: #3d4144; }

.toc__menu { margin: 0; padding: 0; width: 100%; list-style: none; font-size: 0.75em; }

@media (min-width: 64em) { .toc__menu { font-size: 0.6875em; } }

.toc__menu a { display: block; padding: 0.25rem 0.75rem; color: #646769; font-weight: bold; line-height: 1.5; border-bottom: 1px solid #f2f3f3; }

.toc__menu a:hover { color: #3d4144; }

.toc__menu li ul > li a { padding-left: 1.25rem; font-weight: normal; }

.toc__menu li ul li ul > li a { padding-left: 1.75rem; }

.toc__menu li ul li ul li ul > li a { padding-left: 2.25rem; }

.toc__menu li ul li ul li ul li ul > li a { padding-left: 2.75rem; }

.toc__menu li ul li ul li ul li ul li ul > li a { padding-left: 3.25rem; }

/* ========================================================================== FOOTER ========================================================================== */
.page__footer { clear: both; float: left; margin-left: 0; margin-right: 0; width: 100%; margin-top: 3em; color: #646769; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; background-color: #f2f3f3; }

.page__footer::after { clear: both; content: ""; display: table; }

.page__footer footer { clear: both; margin-left: auto; margin-right: auto; margin-top: 2em; max-width: 100%; padding: 0 1em 2em; }

.page__footer footer::after { clear: both; content: ""; display: table; }

@media (min-width: 80em) { .page__footer footer { max-width: 1280px; } }

.page__footer a { color: inherit; text-decoration: none; }

.page__footer a:hover { text-decoration: underline; }

.page__footer .fas, .page__footer .fab, .page__footer .far, .page__footer .fal { color: #646769; }

.page__footer-copyright { font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 0.6875em; }

.page__footer-follow ul { margin: 0; padding: 0; list-style-type: none; }

.page__footer-follow li { display: inline-block; padding-top: 5px; padding-bottom: 5px; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 0.75em; text-transform: uppercase; }

.page__footer-follow li + li:before { content: ""; padding-right: 5px; }

.page__footer-follow a { padding-right: 10px; font-weight: bold; }

.page__footer-follow .social-icons a { white-space: nowrap; }

/* ========================================================================== SEARCH ========================================================================== */
.layout--search .archive__item-teaser { margin-bottom: 0.25em; }

.search__toggle { margin-left: 1rem; margin-right: 1rem; height: 2rem; border: 0; outline: none; color: #6f777d; background-color: transparent; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; }

.search__toggle:hover { color: #53595e; }

.search-icon { width: 100%; height: 100%; }

.search-content { display: none; visibility: hidden; padding-top: 1em; padding-bottom: 1em; }

.search-content__inner-wrap { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }

@media (min-width: 80em) { .search-content__inner-wrap { max-width: 1280px; } }

.search-content__form { background-color: transparent; }

.search-content .search-input { display: block; margin-bottom: 0; padding: 0; border: none; outline: none; box-shadow: none; background-color: transparent; font-size: 1.563em; }

@media (min-width: 64em) { .search-content .search-input { font-size: 1.953em; } }

@media (min-width: 80em) { .search-content .search-input { font-size: 2.441em; } }

.search-content.is--visible { display: block; visibility: visible; }

.search-content.is--visible::after { content: ""; display: block; }

.search-content .results__found { margin-top: 0.5em; font-size: 0.75em; }

.search-content .archive__item { margin-bottom: 2em; }

@media (min-width: 64em) { .search-content .archive__item { width: 75%; } }

@media (min-width: 80em) { .search-content .archive__item { width: 50%; } }

.search-content .archive__item-title { margin-top: 0; }

.search-content .archive__item-excerpt { margin-bottom: 0; }

/* Algolia search */
.ais-search-box { max-width: 100% !important; margin-bottom: 2em; }

.archive__item-title .ais-Highlight { color: #6f777d; font-style: normal; text-decoration: underline; }

.archive__item-excerpt .ais-Highlight { color: #6f777d; font-style: normal; font-weight: bold; }

/* ========================================================================== Syntax highlighting ========================================================================== */
div.highlighter-rouge, figure.highlight { position: relative; margin-bottom: 1em; background: #263238; color: #eeffff; font-family: Monaco, Consolas, "Lucida Console", monospace; font-size: 0.75em; line-height: 1.8; border-radius: 4px; }

div.highlighter-rouge > pre, div.highlighter-rouge pre.highlight, figure.highlight > pre, figure.highlight pre.highlight { margin: 0; padding: 1em; }

.highlight table { margin-bottom: 0; font-size: 1em; border: 0; }

.highlight table td { padding: 0; width: calc(100% - 1em); border: 0; /* line numbers*/ /* code */ }

.highlight table td.gutter, .highlight table td.rouge-gutter { padding-right: 1em; width: 1em; color: #b2ccd6; border-right: 1px solid #b2ccd6; text-align: right; }

.highlight table td.code, .highlight table td.rouge-code { padding-left: 1em; }

.highlight table pre { margin: 0; }

.highlight pre { width: 100%; }

.highlight .hll { background-color: #eeffff; }

.highlight .c { /* Comment */ color: #b2ccd6; }

.highlight .err { /* Error */ color: #f07178; }

.highlight .k { /* Keyword */ color: #c792ea; }

.highlight .l { /* Literal */ color: #f78c6c; }

.highlight .n { /* Name */ color: #eeffff; }

.highlight .o { /* Operator */ color: #89ddff; }

.highlight .p { /* Punctuation */ color: #eeffff; }

.highlight .cm { /* Comment.Multiline */ color: #b2ccd6; }

.highlight .cp { /* Comment.Preproc */ color: #b2ccd6; }

.highlight .c1 { /* Comment.Single */ color: #b2ccd6; }

.highlight .cs { /* Comment.Special */ color: #b2ccd6; }

.highlight .gd { /* Generic.Deleted */ color: #f07178; }

.highlight .ge { /* Generic.Emph */ font-style: italic; }

.highlight .gh { /* Generic.Heading */ color: #eeffff; font-weight: bold; }

.highlight .gi { /* Generic.Inserted */ color: #c3e88d; }

.highlight .gp { /* Generic.Prompt */ color: #b2ccd6; font-weight: bold; }

.highlight .gs { /* Generic.Strong */ font-weight: bold; }

.highlight .gu { /* Generic.Subheading */ color: #89ddff; font-weight: bold; }

.highlight .kc { /* Keyword.Constant */ color: #c792ea; }

.highlight .kd { /* Keyword.Declaration */ color: #c792ea; }

.highlight .kn { /* Keyword.Namespace */ color: #89ddff; }

.highlight .kp { /* Keyword.Pseudo */ color: #c792ea; }

.highlight .kr { /* Keyword.Reserved */ color: #c792ea; }

.highlight .kt { /* Keyword.Type */ color: #ffcb6b; }

.highlight .ld { /* Literal.Date */ color: #c3e88d; }

.highlight .m { /* Literal.Number */ color: #f78c6c; }

.highlight .s { /* Literal.String */ color: #c3e88d; }

.highlight .na { /* Name.Attribute */ color: #82aaff; }

.highlight .nb { /* Name.Builtin */ color: #eeffff; }

.highlight .nc { /* Name.Class */ color: #ffcb6b; }

.highlight .no { /* Name.Constant */ color: #f07178; }

.highlight .nd { /* Name.Decorator */ color: #89ddff; }

.highlight .ni { /* Name.Entity */ color: #eeffff; }

.highlight .ne { /* Name.Exception */ color: #f07178; }

.highlight .nf { /* Name.Function */ color: #82aaff; }

.highlight .nl { /* Name.Label */ color: #eeffff; }

.highlight .nn { /* Name.Namespace */ color: #ffcb6b; }

.highlight .nx { /* Name.Other */ color: #82aaff; }

.highlight .py { /* Name.Property */ color: #eeffff; }

.highlight .nt { /* Name.Tag */ color: #89ddff; }

.highlight .nv { /* Name.Variable */ color: #f07178; }

.highlight .ow { /* Operator.Word */ color: #89ddff; }

.highlight .w { /* Text.Whitespace */ color: #eeffff; }

.highlight .mf { /* Literal.Number.Float */ color: #f78c6c; }

.highlight .mh { /* Literal.Number.Hex */ color: #f78c6c; }

.highlight .mi { /* Literal.Number.Integer */ color: #f78c6c; }

.highlight .mo { /* Literal.Number.Oct */ color: #f78c6c; }

.highlight .sb { /* Literal.String.Backtick */ color: #c3e88d; }

.highlight .sc { /* Literal.String.Char */ color: #eeffff; }

.highlight .sd { /* Literal.String.Doc */ color: #b2ccd6; }

.highlight .s2 { /* Literal.String.Double */ color: #c3e88d; }

.highlight .se { /* Literal.String.Escape */ color: #f78c6c; }

.highlight .sh { /* Literal.String.Heredoc */ color: #c3e88d; }

.highlight .si { /* Literal.String.Interpol */ color: #f78c6c; }

.highlight .sx { /* Literal.String.Other */ color: #c3e88d; }

.highlight .sr { /* Literal.String.Regex */ color: #c3e88d; }

.highlight .s1 { /* Literal.String.Single */ color: #c3e88d; }

.highlight .ss { /* Literal.String.Symbol */ color: #c3e88d; }

.highlight .bp { /* Name.Builtin.Pseudo */ color: #eeffff; }

.highlight .vc { /* Name.Variable.Class */ color: #f07178; }

.highlight .vg { /* Name.Variable.Global */ color: #f07178; }

.highlight .vi { /* Name.Variable.Instance */ color: #f07178; }

.highlight .il { /* Literal.Number.Integer.Long */ color: #f78c6c; }

.gist th, .gist td { border-bottom: 0; }

/* Utility classes */
/* ========================================================================== UTILITY CLASSES ========================================================================== */
/* Visibility ========================================================================== */
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
.hidden, .is--hidden { display: none; visibility: hidden; }

/* for preloading images */
.load { display: none; }

.transparent { opacity: 0; }

/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
.visually-hidden, .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); height: 1px !important; width: 1px !important; border: 0 !important; overflow: hidden; }

body:hover .visually-hidden a, body:hover .visually-hidden input, body:hover .visually-hidden button { display: none !important; }

/* screen readers */
.screen-reader-text:focus, .screen-reader-shortcut:focus { clip: auto !important; height: auto !important; width: auto !important; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; background: #fff; z-index: 100000; text-decoration: none; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); }

/* Skip links ========================================================================== */
.skip-link { position: fixed; z-index: 20; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; white-space: nowrap; }

.skip-link li { height: 0; width: 0; list-style: none; }

/* Type ========================================================================== */
.text-left { text-align: left; }

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

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

/* Task lists ========================================================================== */
.task-list { padding: 0; }

.task-list li { list-style-type: none; }

.task-list .task-list-item-checkbox { margin-right: 0.5em; opacity: 1; }

.task-list .task-list { margin-left: 1em; }

/* Alignment ========================================================================== */
/* clearfix */
.cf { clear: both; }

.wrapper { margin-left: auto; margin-right: auto; width: 100%; }

/* Images ========================================================================== */
/* image align left */
.align-left { display: block; margin-left: auto; margin-right: auto; }

@media (min-width: 37.5em) { .align-left { float: left; margin-right: 1em; } }

/* image align right */
.align-right { display: block; margin-left: auto; margin-right: auto; }

@media (min-width: 37.5em) { .align-right { float: right; margin-left: 1em; } }

/* image align center */
.align-center { display: block; margin-left: auto; margin-right: auto; }

/* file page content container */
@media (min-width: 64em) { .full { margin-right: -20.3389830508% !important; } }

/* Icons ========================================================================== */
.icon { display: inline-block; fill: currentColor; width: 1em; height: 1.1em; line-height: 1; position: relative; top: -0.1em; vertical-align: middle; }

/* social icons*/
.social-icons .fas, .social-icons .fab, .social-icons .far, .social-icons .fal { color: #3d4144; }

.social-icons .fa-behance, .social-icons .fa-behance-square { color: #1769ff; }

.social-icons .fa-bitbucket { color: #205081; }

.social-icons .fa-dribbble, .social-icons .fa-dribble-square { color: #ea4c89; }

.social-icons .fa-facebook, .social-icons .fa-facebook-square, .social-icons .fa-facebook-f { color: #3b5998; }

.social-icons .fa-flickr { color: #ff0084; }

.social-icons .fa-foursquare { color: #0072b1; }

.social-icons .fa-github, .social-icons .fa-github-alt, .social-icons .fa-github-square { color: #171516; }

.social-icons .fa-gitlab { color: #e24329; }

.social-icons .fa-instagram { color: #517fa4; }

.social-icons .fa-keybase { color: #ef7639; }

.social-icons .fa-lastfm, .social-icons .fa-lastfm-square { color: #d51007; }

.social-icons .fa-linkedin, .social-icons .fa-linkedin-in { color: #007bb6; }

.social-icons .fa-mastodon, .social-icons .fa-mastodon-square { color: #2b90d9; }

.social-icons .fa-pinterest, .social-icons .fa-pinterest-p, .social-icons .fa-pinterest-square { color: #cb2027; }

.social-icons .fa-reddit { color: #ff4500; }

.social-icons .fa-rss, .social-icons .fa-rss-square { color: #fa9b39; }

.social-icons .fa-soundcloud { color: #ff3300; }

.social-icons .fa-stack-exchange, .social-icons .fa-stack-overflow { color: #fe7a15; }

.social-icons .fa-tumblr, .social-icons .fa-tumblr-square { color: #32506d; }

.social-icons .fa-twitter, .social-icons .fa-twitter-square { color: #55acee; }

.social-icons .fa-vimeo, .social-icons .fa-vimeo-square, .social-icons .fa-vimeo-v { color: #1ab7ea; }

.social-icons .fa-vine { color: #00bf8f; }

.social-icons .fa-youtube { color: #bb0000; }

.social-icons .fa-xing, .social-icons .fa-xing-square { color: #006567; }

/* Navicons ========================================================================== */
.navicon { position: relative; width: 1.5rem; height: 0.25rem; background: #6f777d; margin: auto; -webkit-transition: 0.3s; transition: 0.3s; }

.navicon:before, .navicon:after { content: ""; position: absolute; left: 0; width: 1.5rem; height: 0.25rem; background: #6f777d; -webkit-transition: 0.3s; transition: 0.3s; }

.navicon:before { top: -0.5rem; }

.navicon:after { bottom: -0.5rem; }

.close .navicon { /* hide the middle line*/ background: transparent; /* overlay the lines by setting both their top values to 0*/ /* rotate the lines to form the x shape*/ }

.close .navicon:before, .close .navicon:after { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 1.5rem; }

.close .navicon:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }

.close .navicon:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }




@supports (pointer-events: none) { .greedy-nav__toggle:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; pointer-events: none; } }

.greedy-nav__toggle.close:before { opacity: 0.9; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; pointer-events: auto; }

.greedy-nav__toggle:hover .navicon, .greedy-nav__toggle:hover .navicon:before, .greedy-nav__toggle:hover .navicon:after { background: #53595e; }

.greedy-nav__toggle.close:hover .navicon { background: transparent; }





/* Sticky, fixed to top content ========================================================================== */
@media (min-width: 64em) { .sticky { clear: both; position: -webkit-sticky; position: sticky; top: 2em; } .sticky::after { clear: both; content: ""; display: table; } .sticky > * { display: block; } }

/* Wells ========================================================================== */
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

/* Modals ========================================================================== */
.show-modal { overflow: hidden; position: relative; }

.show-modal:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(255, 255, 255, 0.85); }

.show-modal .modal { display: block; }

.modal { display: none; position: fixed; width: 300px; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; min-height: 0; z-index: 9999; background: #fff; border: 1px solid #f2f3f3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); }

.modal__title { margin: 0; padding: 0.5em 1em; }

.modal__supporting-text { padding: 0 1em 0.5em 1em; }

.modal__actions { padding: 0.5em 1em; border-top: 1px solid #f2f3f3; }

/* Footnotes ========================================================================== */
.footnote { color: #9ba1a6; text-decoration: none; }

.footnotes { color: #9ba1a6; }

.footnotes ol, .footnotes li, .footnotes p { margin-bottom: 0; font-size: 0.75em; }

a.reversefootnote { color: #7a8288; text-decoration: none; }

a.reversefootnote:hover { text-decoration: underline; }

/* Required ========================================================================== */
.required { color: #ee5f5b; font-weight: bold; }

/* Google Custom Search Engine ========================================================================== */
.gsc-control-cse table, .gsc-control-cse tr, .gsc-control-cse td { border: 0; /* remove table borders widget */ }

/* Responsive Video Embed ========================================================================== */
.responsive-video-container { position: relative; margin-bottom: 1em; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.responsive-video-container iframe, .responsive-video-container object, .responsive-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

:-webkit-full-screen-ancestor .masthead, :-webkit-full-screen-ancestor .page__footer { position: static; }

/* Layout specific */
/* ========================================================================== SINGLE PAGE/POST ========================================================================== */
#main { clear: both; margin-left: auto; margin-right: auto; padding-left: 1em; padding-right: 1em; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; max-width: 100%; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }

#main::after { clear: both; content: ""; display: table; }

@media (min-width: 80em) { #main { max-width: 1280px; } }

body { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.initial-content, .search-content { flex: 1 0 auto; }

@media (min-width: 64em) { .page { float: right; width: calc(100% - 200px); padding-right: 200px; } }

@media (min-width: 80em) { .page { width: calc(100% - 300px); padding-right: 300px; } }

.page .page__inner-wrap { float: left; margin-top: 1em; margin-left: 0; margin-right: 0; width: 100%; clear: both; }

.page .page__inner-wrap .page__content, .page .page__inner-wrap .page__meta, .page .page__inner-wrap .comment__date, .page .page__inner-wrap .page__share { position: relative; float: left; margin-left: 0; margin-right: 0; width: 100%; clear: both; }

.page__title { margin-top: 0; line-height: 1; }

.page__title + .page__meta, .page__title + .comment__date { margin-top: -0.5em; }

.page__lead { font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1.25em; }

.page__content { /* paragraph indents */ /* blockquote citations */ }

.page__content h2 { padding-bottom: 0.5em; border-bottom: 1px solid #f2f3f3; }

.page__content h1 .header-link, .page__content h2 .header-link, .page__content h3 .header-link, .page__content h4 .header-link, .page__content h5 .header-link, .page__content h6 .header-link { position: relative; left: 0.5em; opacity: 0; font-size: 0.8em; -webkit-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s; -o-transition: opacity 0.2s ease-in-out 0.1s; transition: opacity 0.2s ease-in-out 0.1s; }

.page__content h1:hover .header-link, .page__content h2:hover .header-link, .page__content h3:hover .header-link, .page__content h4:hover .header-link, .page__content h5:hover .header-link, .page__content h6:hover .header-link { opacity: 1; }

.page__content p, .page__content li, .page__content dl { font-size: 1em; }

.page__content p { margin: 0 0 1.3em; /* sibling indentation*/ }

.page__content a:not(.btn):hover { text-decoration: underline; }

.page__content a:not(.btn):hover img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); }

.page__content dt { margin-top: 1em; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-weight: bold; }

.page__content dd { margin-left: 1em; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 0.75em; }

.page__content .small { font-size: 0.75em; }

.page__content blockquote + .small { margin-top: -1.5em; padding-left: 1.25rem; }

.page__hero { position: relative; margin-bottom: 2em; clear: both; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.page__hero::after { clear: both; content: ""; display: table; }

.page__hero--overlay { position: relative; margin-bottom: 2em; padding: 3em 0; clear: both; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-animation: intro 0.3s both; animation: intro 0.3s both; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.page__hero--overlay::after { clear: both; content: ""; display: table; }

.page__hero--overlay a { color: #fff; }

.page__hero--overlay .wrapper { padding-left: 1em; padding-right: 1em; }

@media (min-width: 80em) { .page__hero--overlay .wrapper { max-width: 1280px; } }

.page__hero--overlay .page__title, .page__hero--overlay .page__meta, .page__hero--overlay .comment__date, .page__hero--overlay .page__lead, .page__hero--overlay .btn { color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }

.page__hero--overlay .page__lead { max-width: 768px; }

.page__hero--overlay .page__title { font-size: 1.953em; }

@media (min-width: 37.5em) { .page__hero--overlay .page__title { font-size: 2.441em; } }

.page__hero-image { width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

.page__hero-caption { position: absolute; bottom: 0; right: 0; margin: 0 auto; padding: 2px 5px; color: #fff; font-family: Georgia, Times, serif; font-size: 0.6875em; background: #000; text-align: right; z-index: 5; opacity: 0.5; border-radius: 4px 0 0 0; }

@media (min-width: 64em) { .page__hero-caption { padding: 5px 10px; } }

.page__hero-caption a { color: #fff; text-decoration: none; }

/* Social sharing ========================================================================== */
.page__share { margin-top: 2em; padding-top: 1em; border-top: 1px solid #f2f3f3; }

@media (max-width: 37.5em) { .page__share .btn span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } }

.page__share-title { margin-bottom: 10px; font-size: 0.75em; text-transform: uppercase; }

/* Page meta ========================================================================== */
.page__meta, .comment__date { margin-top: 2em; color: #646769; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 0.75em; }

.page__meta p, .comment__date p { margin: 0; }

.page__meta a, .comment__date a { color: inherit; }

.page__meta-title { margin-bottom: 10px; font-size: 0.75em; text-transform: uppercase; }

.page__meta-sep::before { content: "\2022"; padding-left: 0.5em; padding-right: 0.5em; }

/* Page taxonomy ========================================================================== */
.page__taxonomy .sep { display: none; }

.page__taxonomy strong { margin-right: 10px; }

.page__taxonomy-item { display: inline-block; margin-right: 5px; margin-bottom: 8px; padding: 5px 10px; text-decoration: none; border: 1px solid #b6b6b6; border-radius: 4px; }

.page__taxonomy-item:hover { text-decoration: none; color: #235e70; }

.taxonomy__section { margin-bottom: 2em; padding-bottom: 1em; }

.taxonomy__section:not(:last-child) { border-bottom: solid 1px #f2f3f3; }

.taxonomy__section .archive__item-title { margin-top: 0; }

.taxonomy__section .archive__subtitle { clear: both; border: 0; }

.taxonomy__section + .taxonomy__section { margin-top: 2em; }

.taxonomy__title { margin-bottom: 0.5em; color: #646769; }

.taxonomy__count { color: #646769; }

.taxonomy__index { display: grid; grid-column-gap: 2em; grid-template-columns: repeat(2, 1fr); margin: 1.414em 0; padding: 0; font-size: 0.75em; list-style: none; }

@media (min-width: 64em) { .taxonomy__index { grid-template-columns: repeat(3, 1fr); } }

.taxonomy__index a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.25em 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: inherit; text-decoration: none; border-bottom: 1px solid #f2f3f3; }

.back-to-top { display: block; clear: both; color: #646769; font-size: 0.6em; text-transform: uppercase; text-align: right; text-decoration: none; }

/* Comments ========================================================================== */
.page__comments { float: left; margin-left: 0; margin-right: 0; width: 100%; clear: both; }

.page__comments-title { margin-top: 2rem; margin-bottom: 10px; padding-top: 2rem; font-size: 0.75em; border-top: 1px solid #f2f3f3; text-transform: uppercase; }

.page__comments-form { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.page__comments-form.disabled input, .page__comments-form.disabled button, .page__comments-form.disabled textarea, .page__comments-form.disabled label { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); box-shadow: none; opacity: 0.65; }

.comment { clear: both; margin: 1em 0; }

.comment::after { clear: both; content: ""; display: table; }

.comment:not(:last-child) { border-bottom: 1px solid #f2f3f3; }

.comment__avatar-wrapper { float: left; width: 60px; height: 60px; }

@media (min-width: 64em) { .comment__avatar-wrapper { width: 100px; height: 100px; } }

.comment__avatar { width: 40px; height: 40px; border-radius: 50%; }

@media (min-width: 64em) { .comment__avatar { width: 80px; height: 80px; padding: 5px; border: 1px solid #f2f3f3; } }

.comment__content-wrapper { float: right; width: calc(100% - 60px); }

@media (min-width: 64em) { .comment__content-wrapper { width: calc(100% - 100px); } }

.comment__author { margin: 0; }

.comment__author a { text-decoration: none; }

.comment__date { margin: 0; }

.comment__date a { text-decoration: none; }

/* Related ========================================================================== */
.page__related { clear: both; float: left; margin-top: 2em; padding-top: 1em; border-top: 1px solid #f2f3f3; }

.page__related::after { clear: both; content: ""; display: table; }

@media (min-width: 64em) { .page__related { float: right; width: calc(100% - 200px); } }

@media (min-width: 80em) { .page__related { width: calc(100% - 300px); } }

.page__related a { color: inherit; text-decoration: none; }

.page__related-title { margin-bottom: 10px; font-size: 0.75em; text-transform: uppercase; }

/* Wide Pages ========================================================================== */
@media (min-width: 64em) { .wide .page { padding-right: 0; } }

@media (min-width: 80em) { .wide .page { padding-right: 0; } }

@media (min-width: 64em) { .wide .page__related { padding-right: 0; } }

@media (min-width: 80em) { .wide .page__related { padding-right: 0; } }

/* ========================================================================== ARCHIVE ========================================================================== */
.archive { margin-top: 1em; margin-bottom: 2em; }

@media (min-width: 64em) { .archive { float: right; width: calc(100% - 200px); padding-right: 200px; } }

@media (min-width: 80em) { .archive { width: calc(100% - 300px); padding-right: 300px; } }

.archive__item { position: relative; }

.archive__item a { position: relative; z-index: 10; }

.archive__item a[rel="permalink"] { position: static; }

.archive__subtitle { margin: 1.414em 0 0.5em; padding-bottom: 0.5em; font-size: 1em; color: #646769; border-bottom: 1px solid #f2f3f3; }

.archive__subtitle + .list__item .archive__item-title { margin-top: 0.5em; }

.archive__item-title { margin-bottom: 0.25em; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; line-height: initial; overflow: hidden; text-overflow: ellipsis; }

.archive__item-title a[rel="permalink"]::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.archive__item-title a + a { opacity: 0.5; }

/* remove border*/
.page__content .archive__item-title { margin-top: 1em; border-bottom: none; }

.archive__item-excerpt { margin-top: 0; font-size: 0.75em; }

.archive__item-excerpt + p { text-indent: 0; }

.archive__item-excerpt a { position: relative; }

.archive__item-teaser { position: relative; border-radius: 4px; overflow: hidden; }

.archive__item-teaser img { width: 100%; }

.archive__item-caption { position: absolute; bottom: 0; right: 0; margin: 0 auto; padding: 2px 5px; color: #fff; font-family: Georgia, Times, serif; font-size: 0.625em; background: #000; text-align: right; z-index: 5; opacity: 0.5; border-radius: 4px 0 0 0; }

@media (min-width: 64em) { .archive__item-caption { padding: 5px 10px; } }

.archive__item-caption a { color: #fff; text-decoration: none; }

/* List view ========================================================================== */
.list__item .page__meta, .list__item .comment__date { margin: 0 0 4px; font-size: 0.6em; }

/* Grid view ========================================================================== */
.archive .grid__wrapper { /* extend grid elements to the right */ }

@media (min-width: 64em) { .archive .grid__wrapper { margin-right: -200px; } }

@media (min-width: 80em) { .archive .grid__wrapper { margin-right: -300px; } }

.grid__item { margin-bottom: 2em; }

@media (min-width: 37.5em) { .grid__item { float: left; width: 48.9795918367%; } .grid__item:nth-child(2n + 1) { clear: both; margin-left: 0; } .grid__item:nth-child(2n + 2) { clear: none; margin-left: 2.0408163265%; } }

@media (min-width: 48em) { .grid__item { margin-left: 0; /* override margin*/ margin-right: 0; /* override margin*/ width: 23.7288135593%; } .grid__item:nth-child(2n + 1) { clear: none; } .grid__item:nth-child(4n + 1) { clear: both; } .grid__item:nth-child(4n + 2) { clear: none; margin-left: 1.6949152542%; } .grid__item:nth-child(4n + 3) { clear: none; margin-left: 1.6949152542%; } .grid__item:nth-child(4n + 4) { clear: none; margin-left: 1.6949152542%; } }

.grid__item .page__meta, .grid__item .comment__date { margin: 0 0 4px; font-size: 0.6em; }

.grid__item .page__meta-sep { display: block; }

.grid__item .page__meta-sep::before { display: none; }

.grid__item .archive__item-title { margin-top: 0.5em; font-size: 1em; }

.grid__item .archive__item-excerpt { display: none; }

@media (min-width: 48em) { .grid__item .archive__item-excerpt { display: block; font-size: 0.75em; } }

@media (min-width: 37.5em) { .grid__item .archive__item-teaser { max-height: 200px; } }

@media (min-width: 48em) { .grid__item .archive__item-teaser { max-height: 120px; } }

/* Features ========================================================================== */
.feature__wrapper { clear: both; margin-bottom: 2em; border-bottom: 1px solid #f2f3f3; }

.feature__wrapper::after { clear: both; content: ""; display: table; }

.feature__wrapper .archive__item-title { margin-bottom: 0; }

.feature__item { position: relative; margin-bottom: 2em; font-size: 1.125em; }

@media (min-width: 37.5em) { .feature__item { float: left; margin-bottom: 0; width: 32.2033898305%; } .feature__item:nth-child(3n + 1) { clear: both; margin-left: 0; } .feature__item:nth-child(3n + 2) { clear: none; margin-left: 1.6949152542%; } .feature__item:nth-child(3n + 3) { clear: none; margin-left: 1.6949152542%; } .feature__item .feature__item-teaser { max-height: 200px; overflow: hidden; } }

.feature__item .archive__item-body { padding-left: 1.6949152542%; padding-right: 1.6949152542%; }

.feature__item a.btn::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

.feature__item--left { position: relative; float: left; margin-left: 0; margin-right: 0; width: 100%; clear: both; font-size: 1.125em; }

.feature__item--left .archive__item { float: left; }

.feature__item--left .archive__item-teaser { margin-bottom: 2em; }

.feature__item--left a.btn::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

@media (min-width: 37.5em) { .feature__item--left .archive__item-teaser { float: left; width: 40.6779661017%; } .feature__item--left .archive__item-body { float: right; padding-left: 1.6949152542%; padding-right: 1.6949152542%; width: 57.6271186441%; } }

.feature__item--right { position: relative; float: left; margin-left: 0; margin-right: 0; width: 100%; clear: both; font-size: 1.125em; }

.feature__item--right .archive__item { float: left; }

.feature__item--right .archive__item-teaser { margin-bottom: 2em; }

.feature__item--right a.btn::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

@media (min-width: 37.5em) { .feature__item--right { text-align: right; } .feature__item--right .archive__item-teaser { float: right; width: 40.6779661017%; } .feature__item--right .archive__item-body { float: left; width: 57.6271186441%; padding-left: 1.6949152542%; padding-right: 1.6949152542%; } }

.feature__item--center { position: relative; float: left; margin-left: 0; margin-right: 0; width: 100%; clear: both; font-size: 1.125em; }

.feature__item--center .archive__item { float: left; width: 100%; }

.feature__item--center .archive__item-teaser { margin-bottom: 2em; }

.feature__item--center a.btn::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }

@media (min-width: 37.5em) { .feature__item--center { text-align: center; } .feature__item--center .archive__item-teaser { margin: 0 auto; width: 40.6779661017%; } .feature__item--center .archive__item-body { margin: 0 auto; width: 57.6271186441%; } }

/* Place inside an archive layout */
.archive .feature__wrapper .archive__item-title { margin-top: 0.25em; font-size: 1em; }

.archive .feature__item, .archive .feature__item--left, .archive .feature__item--center, .archive .feature__item--right { font-size: 1em; }

/* Wide Pages ========================================================================== */
@media (min-width: 64em) { .wide .archive { padding-right: 0; } }

@media (min-width: 80em) { .wide .archive { padding-right: 0; } }

/* Place inside a single layout */
.layout--single .feature__wrapper { display: inline-block; }

/* ========================================================================== SIDEBAR ========================================================================== */
/* Default ========================================================================== */
.sidebar { clear: both; }

.sidebar::after { clear: both; content: ""; display: table; }

@media (min-width: 64em) { .sidebar { float: left; width: calc(200px - 1em); opacity: 0.75; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .sidebar:hover { opacity: 1; } .sidebar.sticky { overflow-y: auto; /* calculate height of nav list viewport height - nav height - masthead x-padding */ max-height: calc(100vh - 2em - 2em); } }

@media (min-width: 80em) { .sidebar { width: calc(300px - 1em); } }

.sidebar > * { margin-top: 1em; margin-bottom: 1em; }

.sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { margin-bottom: 0; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; }

.sidebar p, .sidebar li { font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 0.75em; line-height: 1.5; }

.sidebar img { width: 100%; }

.sidebar img.emoji { width: 20px; height: 20px; }

.sidebar__right { margin-bottom: 1em; }

@media (min-width: 64em) { .sidebar__right { position: absolute; top: 0; right: 0; width: 200px; margin-right: -200px; padding-left: 1em; z-index: 10; } .sidebar__right.sticky { clear: both; position: -webkit-sticky; position: sticky; top: 2em; float: right; } .sidebar__right.sticky::after { clear: both; content: ""; display: table; } }

@media (min-width: 80em) { .sidebar__right { width: 300px; margin-right: -300px; } }

@media (min-width: 64em) { .splash .sidebar__right { position: relative; float: right; margin-right: 0; } }

@media (min-width: 80em) { .splash .sidebar__right { margin-right: 0; } }

/* Author profile and links ========================================================================== */
.author__avatar { display: table-cell; vertical-align: top; width: 36px; height: 36px; }

@media (min-width: 64em) { .author__avatar { display: block; width: auto; height: auto; } }

.author__avatar img { max-width: 110px; border-radius: 50%; }

@media (min-width: 64em) { .author__avatar img { padding: 5px; border: 1px solid #f2f3f3; } }

.author__content { display: table-cell; vertical-align: top; padding-left: 15px; padding-right: 25px; line-height: 1; }

@media (min-width: 64em) { .author__content { display: block; width: 100%; padding-left: 0; padding-right: 0; } }

.author__content a { color: inherit; text-decoration: none; }

.author__name { margin: 0; }

@media (min-width: 64em) { .author__name { margin-top: 10px; margin-bottom: 10px; } }

.sidebar .author__name { font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: 1em; }

.author__bio { margin: 0; }

@media (min-width: 64em) { .author__bio { margin-top: 10px; margin-bottom: 20px; } }

.author__urls-wrapper { position: relative; display: table-cell; vertical-align: middle; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; z-index: 20; cursor: pointer; }

.author__urls-wrapper li:last-child a { margin-bottom: 0; }

.author__urls-wrapper .author__urls span.label { padding-left: 5px; }

@media (min-width: 64em) { .author__urls-wrapper { display: block; } }

.author__urls-wrapper button { position: relative; margin-bottom: 0; }

@supports (pointer-events: none) { .author__urls-wrapper button:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } }

.author__urls-wrapper button.open:before { pointer-events: auto; }

@media (min-width: 64em) { .author__urls-wrapper button { display: none; } }

.author__urls { display: none; position: absolute; right: 0; margin-top: 15px; padding: 10px; list-style-type: none; border: 1px solid #f2f3f3; border-radius: 4px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: default; }

.author__urls.is--visible { display: block; }

@media (min-width: 64em) { .author__urls { display: block; position: relative; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; } }

.author__urls:before { display: block; content: ""; position: absolute; top: -11px; left: calc(50% - 10px); width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #f2f3f3 transparent; z-index: 0; }

@media (min-width: 64em) { .author__urls:before { display: none; } }

.author__urls:after { display: block; content: ""; position: absolute; top: -10px; left: calc(50% - 10px); width: 0; border-style: solid; border-width: 0 10px 10px; border-color: #fff transparent; z-index: 1; }

@media (min-width: 64em) { .author__urls:after { display: none; } }

.author__urls ul { padding: 10px; list-style-type: none; }

.author__urls li { white-space: nowrap; }

.author__urls a { display: block; margin-bottom: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; color: inherit; font-size: 1em; text-decoration: none; }

.author__urls a:hover { text-decoration: underline; }

/* Wide Pages ========================================================================== */
.wide .sidebar__right { margin-bottom: 1em; }

@media (min-width: 64em) { .wide .sidebar__right { position: initial; top: initial; right: initial; width: initial; margin-right: initial; padding-left: initial; z-index: initial; } .wide .sidebar__right.sticky { float: none; } }

@media (min-width: 80em) { .wide .sidebar__right { width: initial; margin-right: initial; } }

/* ========================================================================== PRINT STYLES ========================================================================== */
@media print { [hidden] { display: none; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html { margin: 0; padding: 0; min-height: auto !important; font-size: 16px; } body { margin: 0 auto; background: #fff !important; color: #000 !important; font-size: 1rem; line-height: 1.5; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1.2; margin-bottom: 0.75rem; margin-top: 0; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; } a, a:visited { color: #000; text-decoration: underline; word-wrap: break-word; } table { border-collapse: collapse; } thead { display: table-header-group; } table, th, td { border-bottom: 1px solid #000; } td, th { padding: 8px 16px; } img { border: 0; display: block; max-width: 100% !important; vertical-align: middle; } hr { border: 0; border-bottom: 2px solid #bbb; height: 0; margin: 2.25rem 0; padding: 0; } dt { font-weight: bold; } dd { margin: 0; margin-bottom: 0.75rem; } abbr[title], acronym[title] { border: 0; text-decoration: none; } table, blockquote, pre, code, figure, li, hr, ul, ol, a, tr { page-break-inside: avoid; } h2, h3, h4, p, a { orphans: 3; widows: 3; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; } h1 + p, h2 + p, h3 + p { page-break-before: avoid; } img { page-break-after: auto; page-break-before: auto; page-break-inside: avoid; } pre { white-space: pre-wrap !important; word-wrap: break-word; } a[href^='http://']:after, a[href^='https://']:after, a[href^='ftp://']:after { content: " (" attr(href) ")"; font-size: 80%; } abbr[title]:after, acronym[title]:after { content: " (" attr(title) ")"; } #main { max-width: 100%; } .page { margin: 0; padding: 0; width: 100%; } .page-break, .page-break-before { page-break-before: always; } .page-break-after { page-break-after: always; } .no-print { display: none; } a.no-reformat:after { content: ''; } abbr.no-reformat[title]:after, acronym.no-reformat[title]:after { content: ''; } .page__hero-caption { color: #000 !important; background: #fff !important; opacity: 1; } .page__hero-caption a { color: #000 !important; } /* Hide the following elements on print ========================================================================== */ .masthead, .toc, .page__share, .page__related, .pagination, .ads, .page__footer, .page__comments-form, .author__avatar, .author__content, .author__urls-wrapper, .nav__list, .sidebar, .adsbygoogle { display: none !important; height: 1px !important; } }

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