@charset "UTF-8";
@font-face { font-family: 'Computer Modern Sans'; src: url("/fonts/cmunss.eot"); src: url("/fonts/cmunss.eot?#iefix") format("embedded-opentype"), url("/fonts/cmunss.woff") format("woff"), url("/fonts/cmunss.ttf") format("truetype"), url("/fonts/cmunss.svg#cmunss") format("svg"); font-weight: normal; }

/** Reset some basic elements */
body, h1, h2, h3, h4, h5, h6, p, blockquote, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }

/** Unreset this basic element */
hr { margin: 10px; }

/** Basic styling */
body { font: 300 21px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; color: rgba(17, 17, 17, 0.7); background-color: #f5f4e0; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-feature-settings: "kern" 1; font-kerning: normal; line-height: 31px; word-spacing: 0.26m; letter-spacing: 0.03em; }

.site-header { font-family: "Computer Modern Sans", sans-serif; }

.side-bar-body { background-color: #f1f0d4 !important; font-family: "Arial", sans-serif; }

.side-bar-body div a { font: 400 12pt/1.5 "Arial", sans-serif; }

/** Set `margin-bottom` to maintain vertical rhythm Except for headers, because of the goofy system. */
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, figure { margin-bottom: 15px; }

p { margin-block-end: 1.5em; }

/** Images */
img { max-width: 100%; vertical-align: middle; margin: 0 auto; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

@media screen and (max-width: 775px) { img { max-width: 95%; } }

.image-caption { margin: 0 auto; width: 80%; text-align: center; display: block; font-weight: normal; border-bottom: 1px solid grey; margin-bottom: 10px; padding: 10px 0 14px; }

/**  Videos   */
video { max-width: 100%; max-height: 1024px; vertical-align: middle; margin: 0 auto; display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

@media screen and (max-width: 775px) { video { max-width: 95%; } }

.video-caption { margin: 0 auto; width: 80%; text-align: center; display: block; font-weight: normal; border-bottom: 1px solid grey; margin-bottom: 10px; }

/** Figures */
figure > img { display: block; }

figcaption { font-size: 18.375px; }

/** Lists */
ul, ol { margin-left: 30px; }

@media screen and (max-width: 775px) { ul, ol { margin-left: 7.5px; } }

ul { margin-bottom: 1.5em; }

li { margin-bottom: 3px; }

li > ul, li > ol { margin-bottom: 0px; }

/** Headings */
h1, h2, h3, h4, h5, h6 { font-weight: 300; margin-top: 20px; }

/** Links */
a { color: #2a7ae2; text-decoration: none; }

a:visited { color: #1756a9; }

a:hover { color: rgba(17, 17, 17, 0.7); text-decoration: underline; }

/** Blockquotes */
blockquote { color: #424242; border-left: 4px solid whitesmoke; padding-left: 15px; font-size: 15px; font-style: lighter; }

blockquote > :last-child { margin-bottom: 0; }

/** Code formatting */
pre, code { font-size: 15px; color: black; margin-top: 0px; margin-bottom: 0px; }

code { padding: 5px 8px; }

pre { padding: 0px; border-radius: 10px; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

pre .lineno { border: none; border-right: 1px solid rgba(17, 17, 17, 0.7); border-radius: 0px; color: #828282; background: whitesmoke; padding: 0px 5px; }

.rouge-gutter { background: whitesmoke; }

.rouge-code { padding-left: 5px; background: whitesmoke; }

.rouge-code tr:nth-child(even) { background: #ccc; }

.rouge-code tr:nth-child(odd) { background: #fff; }

.highlighter-rouge { margin-bottom: 15px; overflow-x: auto; }

#main-flex-container { background-color: #f5f4e0; display: flex; justify-content: flex-start; position: absolute; top: 0px; width: 100%; }

/** Page content */
.page-content { margin-top: 10px; padding: 0px; flex-basis: 100%; }

/** Wrapper */
.wrapper { max-width: 1050px; margin-top: 10px; margin-left: 15%; margin-right: 10%; }

@media screen and (max-width: 775px) { .wrapper { max-width: 100%; padding-right: 0; padding-left: 0; margin: 0; } }

.chartwrapper { margin-right: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 775px) { .chartwrapper { margin: 0; padding-left: 0; padding-right: 0; max-width: 100%; } }

/** Clearfix */
.footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; }

/** Icons */
.icon > svg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.icon > svg path { fill: #828282; }

.h1-style { margin-left: 0em; }

.h2-style { background-color: #f6f5e4; margin: 0%; margin-bottom: 2%; padding: 1%; border-radius: 5px; border: 2px solid #f0f0f0; }

.h3-style { background-color: #efedcd; margin: 0%; margin-bottom: 2%; padding: 1%; border-radius: 5px; border: 2px solid #e6e6e6; }

.h4-style { background-color: #e7e5b6; margin: 0%; margin-bottom: 2%; padding: 1%; border-radius: 5px; border: 2px solid #e6e6e6; }

.post-title { float: left; font-size: 45px; line-height: 1; padding-bottom: 0.3em; margin-top: 0px; }

.post-header > .h1-style { background-color: transparent; }

.post-header h2 { margin-top: 0; }

@media screen and (min-width: 801px) { max-width: 60vw; }

iframe { margin: 0 auto; display: block; padding-bottom: 15px; }

table { border-collapse: collapse; border-spacing: 5px; border: 2px solid #000000; margin-bottom: 15px; }

th { padding-left: 0.5em; padding-right: 1em; border: 2px solid #000000; }

td { padding-left: 0.5em; padding-right: 1em; border: 1px solid #000000; }

/** Site header */
.site-header { position: fixed; top: 0; left: 0; width: 100vw; background-color: #f1f0d4; border-top: 2px solid #424242; padding-top: 0px; padding-bottom: 3px; height: 50px; z-index: 1000; display: none; }

@media screen and (max-width: 775px) { .site-header { display: none; } }

#feature-text { color: rgba(31, 0, 0, 0.849); padding: 3px 8px 3px 8px; border: 1px solid #cfcfcf; }

#feature-text:hover { text-decoration: none !important; background-color: #cfcfcf; }

#feature-menu { background-color: whitesmoke; }

.dropdown { display: inline-block; }

@media screen and (max-width: 775px) { .dropdown { visibility: hidden; width: 0%; float: none; display: none; } }

/* .dropdown:hover .dropdown-content { display: block; } */
#title-count { float: left; margin-left: 5px; }

@media screen and (max-width: 775px) { #title-count { width: 75%; } }

.vacation { position: absolute; top: 20px; right: 20px; width: 150px; border: 2px dotted white; padding: 0px 10px; opacity: 0.8; transform: rotate(30deg); z-index: 1001; background-color: #2a7ae2; }

@media screen and (max-width: 775px) { .vacation { top: 100px; padding: 0px 2px; z-index: 2; } }

.vacation .top { text-align: center; font-size: 24px; font-weight: 800; color: #f5f4e0; margin-top: 3px; }

@media screen and (max-width: 775px) { .vacation .top { font-size: 20px; } }

.vacation .bottom { text-align: center; font-size: 12px; font-weight: 800; color: #f5f4e0; margin-top: -13px; }

@media screen and (max-width: 775px) { .vacation .bottom { font-size: 12px; } }

h1, h2, h3, h4 { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.is-pinned-2 { padding-left: 20px; }

@media screen and (max-width: 775px) { .is-pinned-2 { padding-left: 0px; } }

.is-pinned-3 { padding-left: 40px; }

@media screen and (max-width: 775px) { .is-pinned-3 { padding-left: 0px; } }

.is-pinned-4 { padding-left: 60px; }

@media screen and (max-width: 775px) { .is-pinned-4 { padding-left: 0px; } }

.sidebar-right { flex: 1; position: sticky; position: webkit-sticky; max-width: 15em; display: none; }

@media screen and (max-width: 775px) { .sidebar-right { display: none; } }

.sidebar-left { flex: 0 0 9em; position: sticky; position: webkit-sticky; top: 0px; overflow-y: auto; overflow-x: hidden; height: 100vh; background-color: #f1f0d4; }

@media screen and (max-width: 775px) { .sidebar-left { display: none; } }

.sidebar-left #wisdom { position: absolute; bottom: 0px; color: #424242; padding: 5px; font-size: 10pt; line-height: 12pt; background-color: #f1f0d4; }

.sidebar-left #theme-color-boxes { display: flex; margin-left: 1.1em; padding: 0; height: 20px; margin-top: 0.25em; margin-bottom: 20px; }

.sidebar-left .theme-color-box { border-right: none; flex: 1; height: 20px; width: 20px; }

.sidebar-left #theme-indicator { font-size: 12px; position: relative; top: 8px; left: 5px; color: rgba(145, 145, 145, 0.7); }

.sidebar-left .sidebar-link { display: block; font-size: 20px; text-decoration: none; color: rgba(17, 17, 17, 0.7); padding: 0px; margin: 0px; background-color: #f1f0d4; padding-left: 20px; }

.sidebar-left .sidebar-link:hover { background-color: #f7f7e8; }

.sidebar-left .sidebar-link-top { font-weight: 300; font-size: 20px; background-color: #ebe9c1; letter-spacing: 0.09em; margin-bottom: 4px; }

.sidebar-left .sidebar-link-sub { position: relative; font-size: 16px !important; letter-spacing: 0.09em; margin-bottom: 0px; }

.sidebar-left .nav-section { margin-bottom: 15px; }

.sidebar-left .nav-section-site-title { margin-top: 10px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; }

.sidebar-left .nav-section-site-title .site-title { font-size: 11pt; font-weight: 300; color: rgba(17, 17, 17, 0.7); }

.sidebar-left .nav-section-site-title .site-title, .sidebar-left .nav-section-site-title .site-title:visited { color: rgba(17, 17, 17, 0.7); }

@media screen and (max-width: 775px) { .sidebar-left .nav-section-site-title .site-title { margin-left: 1%; } }

@media screen and (max-width: 775px) { .sidebar-left { display: none; visibility: hidden; width: 0%; } }

.patreon-button { width: 217px; height: 51px; }

.recent-post { width: 100%; border-bottom: 1px solid #828282; padding: 0 0 2px 2px; margin-top: 5px; margin-top: 12px; margin-left: 3px; border-radius: 0px 0px 0px 2px; }

.recent-post .recent-post-link { padding: 1px; display: block; }

.recent-post .recent-post-link:hover { background-color: whitesmoke; }

.recent-post-header { margin-top: 10px; margin-bottom: 10px; }

#mobile-search { display: none; }

@media screen and (max-width: 775px) { #mobile-search { display: block; margin-left: 1%; width: 100%; } #mobile-search #mobile-search-box { width: 75%; } #mobile-search #mobile-search-go { width: 10%; } }

.site-nav { margin-top: 7px; padding-top: 3px; text-align: center; z-index: 1000000; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { color: rgba(17, 17, 17, 0.7); line-height: 1.5; font-size: 22px; margin-left: 10px; margin-right: 10px; padding-bottom: 4px; font-size: 20px; }

.site-nav .donate-mobile { display: none; }

.site-nav .site-map-mobile { display: none; }

.site-nav #toggle { display: none; }

@media screen and (max-width: 775px) { .site-nav { position: fixed; top: 9px; right: 15px; border-radius: 5px; text-align: right; background-color: #f5f4e0; border: 2px #424242 solid; } .site-nav .donate-mobile { display: block; } .site-nav .site-map-mobile { display: block; } .site-nav .menu-icon { position: sticky; top: 10px; display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; } .site-nav .menu-icon > svg { width: 18px; height: 15px; } .site-nav .menu-icon > svg path { fill: #424242; } .site-nav #toggle:checked ~ .trigger { display: block; padding-bottom: 5px; } .site-nav .trigger { clear: both; display: none; border: none; } .site-nav .page-link { display: block; padding: 5px 10px; } .site-nav .page-link:not(:last-child) { margin-right: 0; } }

.site-nav .current-theme { -webkit-box-shadow: inset 0px -4px 0px 0px lightgreen; -moz-box-shadow: inset 0px -4px 0px 0px ligntgreen; box-shadow: inset 0px -4px 0px 0px lightgreen; }

/** Site footer */
.site-footer { border-top: 1px solid whitesmoke; padding: 30px 0; }

.site-description { margin-right: auto; margin-left: auto; text-align: center; }

#footer-links { display: flex; justify-content: space-between; width: 100%; }

.footer-heading { font-size: 18px; margin-bottom: 15px; }

.contact-list, .social-media-list { list-style: none; margin-left: 0; }

.footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }

.footer-col-right { float: right; margin-bottom: 15px; padding-left: 15px; }

.footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }

.footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }

.footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }

@media screen and (max-width: 1439px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); } .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

@media screen and (max-width: 775px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }

.page-heading { font-size: 20px; }

.index-post { margin-left: 0; margin-bottom: 2em; background-color: #fefefb; padding: 2em; border: 1px solid #ddd; border-radius: 5px; list-style: none; }

@media screen and (max-width: 775px) { .index-post { padding: 0; } .index-post ul { list-style: inside; } }

.index-post h2 { margin-top: 0; }

.index-post iframe { max-width: 100%; }

.post-list { padding: 0px; margin: 0px; margin-top: 10px; list-style: none; }

.post-list > li { margin-bottom: 30px; }

.post-info { display: flex; justify-content: space-between; }

.post-info .post-meta { font-size: 18.375px; color: #828282; }

.post-info .post-versions { font-size: 19.95px; color: blue; }

h2 .post-link { display: block; font-size: 36pt; font-weight: 400; line-height: 1; line-spacing: 0.3pt; padding-bottom: 0.3em; margin-top: 0px; border-bottom: 1px solid #ddd; color: rgba(17, 17, 17, 0.7); }

/** Posts */
.post-header { margin-bottom: 30px; display: block; }

@media screen and (max-width: 775px) { .header-image a img { max-width: 100% !important; } }

.post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }

@media screen and (max-width: 1439px) { .post-title { font-size: 36px; } }

.post-content { margin-bottom: 30px; }

@media screen and (max-width: 775px) { .post-content { clear: both; padding-top: 25px; } }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 { color: rgba(17, 17, 17, 0.7); background-color: #fefefb; max-width: 100%; }

.post-content .header-sticky { position: sticky; }

@media screen and (max-width: 775px) { .post-content .header-sticky { position: relative; } }

.post-content .header-sticky-1 { top: 0px; }

@media screen and (max-width: 775px) { .post-content .header-sticky-1 { top: auto; } }

.post-content .header-sticky-2 { top: 58px; }

@media screen and (max-width: 775px) { .post-content .header-sticky-2 { top: auto; } }

.post-content .header-sticky-3 { top: 100px; }

@media screen and (max-width: 775px) { .post-content .header-sticky-3 { top: auto; } }

.post-content .header-sticky-4 { top: 141px; }

@media screen and (max-width: 775px) { .post-content .header-sticky-4 { top: auto; } }

.post-content h1 { font-size: 40px; height: auto; font-weight: 600; border-bottom: 3px solid black; padding-bottom: 5px; padding-top: 10px; }

@media screen and (max-width: 775px) { .post-content h1 { height: auto; } }

.post-content h1 code { font-size: inherit; font-weight: inherit; }

@media screen and (max-width: 1439px) { .post-content h1 code { font-size: inherit; } }

.post-content h2 { font-size: 30px; height: auto; border-bottom: 2px solid #c8c8c8; padding-bottom: 5px; }

@media screen and (max-width: 775px) { .post-content h2 { height: auto; } }

.post-content h2 code { font-size: inherit; font-weight: inherit; }

@media screen and (max-width: 1439px) { .post-content h2 code { font-size: inherit; } }

.post-content h3 { font-size: 30px; height: auto; border-bottom: 1px solid #c8c8c8; padding-bottom: 5px; }

@media screen and (max-width: 775px) { .post-content h3 { height: auto; } }

.post-content h3 code { font-size: inherit; font-weight: inherit; }

@media screen and (max-width: 1439px) { .post-content h3 code { font-size: inherit; } }

.post-content h4 { font-size: 30px; height: auto; border-bottom: 1px solid #c8c8c8; padding-bottom: 5px; }

@media screen and (max-width: 775px) { .post-content h4 { height: auto; } }

.post-content h4 code { font-size: inherit; font-weight: inherit; }

@media screen and (max-width: 1439px) { .post-content h4 code { font-size: inherit; } }

.paginate-post { flex-wrap: wrap; }

.paginate-post .previous, .paginate-post .page_number, .paginate-post .next { width: 100%; }

.pagination { display: flex; width: 100%; justify-content: space-between; }

.pagination .page_number { font-size: 14px !important; }

.pagination .previous, .pagination .page_number, .pagination .next { flex: 0 0 1; font-size: 20px; }

@media screen and (max-width: 775px) { .pagination .previous, .pagination .page_number, .pagination .next { font-size: 15px; } }

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

.tags_footer { font-size: 20px; text-align: right; }

@media screen and (max-width: 775px) { .tags_footer { font-size: 20px; } }

.tags { column-count: 4; }

@media screen and (max-width: 1439px) { .tags { column-count: 3; } }

@media screen and (max-width: 775px) { .tags { column-count: 1; } }

.tag-post-date::after { content: "–"; }

@media screen and (max-width: 775px) { .tag-post-date::after { content: ""; } }

@media screen and (max-width: 775px) { .tag-post-content { display: block; margin-bottom: 12px; } }

#copyright { color: #2a7ae2; width: 100%; text-align: center; padding: 5px 0 5px 0; }

#tags-type { z-index: 1400; position: fixed; top: 2px; right: 14%; border-radius: 5px; cursor: pointer; border: 2px solid #999; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f1f0d4; }

@media screen and (max-width: 775px) { #tags-type { right: 5%; } }

#tags-type #enable-sort { box-shadow: inset 0px 1px 0px 0px #ffffff; background: linear-gradient(to bottom, whitesmoke 5%, #c8c8c8 100%); background-color: #ededed; display: inline-block; cursor: pointer; display: block; position: absolute; top: 0px; left: 0px; background-color: palegreen; width: 130px; height: 36px; z-index: -10; transition: transform 0.3s, border-right 0.3s, border-left 0.3s, border-top-right-radius, 0.1s, border-top-left-radius 0.1s, border-bottom-right-radius 0.1s, border-bottom-left-radius 0.1s; }

#tags-type .sort-radius-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 2px solid #999; }

#tags-type .sort-radius-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 2px solid #999; }

#tags-type #sort-tag { display: inline-block; padding: 3px 6px 3px 6px; margin-right: -3px; color: rgba(17, 17, 17, 0.7); width: 120px; height: 30px; text-align: center; z-index: 10; color: black; background-color: rgba(255, 255, 255, 0.7); }

#tags-type #sort-year { display: inline-block; padding: 3px 6px 3px 6px; margin-left: -3px; color: black; width: 120px; height: 30px; text-align: center; z-index: 10; background-color: rgba(255, 255, 255, 0.7); }

#tags-type .sort-style:visited { color: block; }

#chart-weight-modifiers { position: sticky; top: 58px; width: 100%; cursor: pointer; padding: 0px; background: rgba(249, 248, 238, 0.9); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; z-index: 100; }

@media screen and (max-width: 775px) { #chart-weight-modifiers { right: 5%; } }

#chart-weight-modifiers .mod-button { display: inline-block; cursor: pointer; position: relative; top: 0px; min-width: 55px; height: 26px; border: 2px solid #999; border-radius: 3px; margin: 3px; padding: 3px 6px 3px 6px; margin-right: -3px; color: rgba(17, 17, 17, 0.7); height: 30px; text-align: center; background-color: #faf9f0; z-index: 10; }

#chart-weight-modifiers .mod-button:hover { transition: background-color 200ms ease-out; background-color: palegreen; }

#chart-weight-modifiers .mod-button:active { transition: background-color 10ms ease-out; background-color: limegreen; }

#chart-weight-modifiers .sort-radius-left { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-right: 2px solid #999; }

#chart-weight-modifiers .sort-radius-right { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-left: 2px solid #999; }

#chart-weight-modifiers .sort-style:visited { color: block; }

@media screen and (max-width: 775px) { .index-post iframe { width: 90%; } }

@media screen and (max-width: 775px) { .index-post .audiojs { width: 90%; } }

#h-chart { width: 100%; background-image: url("/assets/Harmonics/Fretboard.png"); background-size: contain; margin-bottom: 15px; }

#h-chart img { top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; }

#h-selector { display: flex; width: 100%; justify-content: space-evenly; }

.h-button { border: 1px solid black; border-radius: 3px; margin: 0 5px 0 5px; width: 7%; text-align: center; border-radius: 4px; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 13px; font-weight: bold; padding: 6px 12px; text-decoration: none; text-shadow: 1px 1px 3px black; }

.h-button:nth-child(1) { background-color: #ff001f; background: linear-gradient(to bottom, #ff001f, #ff4d62 100%); box-shadow: 4px 4px 2px -1px #800010; border: 1px solid #b30016; }

.h-button:nth-child(1):hover { background-color: #ff6679; background: linear-gradient(to bottom, #ff6679, #ff99a5 100%); }

.h-button:nth-child(1):active { box-shadow: 1px 1px 4px -1px #800010; }

.h-button:nth-child(2) { background-color: #ff0073; background: linear-gradient(to bottom, #ff0073, #ff4d9d 100%); box-shadow: 4px 4px 2px -1px #80003a; border: 1px solid #b30051; }

.h-button:nth-child(2):hover { background-color: #ff66ab; background: linear-gradient(to bottom, #ff66ab, #ff99c7 100%); }

.h-button:nth-child(2):active { box-shadow: 1px 1px 4px -1px #80003a; }

.h-button:nth-child(3) { background-color: #ff00e3; background: linear-gradient(to bottom, #ff00e3, #ff4deb 100%); box-shadow: 4px 4px 2px -1px #800072; border: 1px solid #b3009f; }

.h-button:nth-child(3):hover { background-color: #ff66ee; background: linear-gradient(to bottom, #ff66ee, #ff99f4 100%); }

.h-button:nth-child(3):active { box-shadow: 1px 1px 4px -1px #800072; }

.h-button:nth-child(4) { background-color: #b500ff; background: linear-gradient(to bottom, #b500ff, #cb4dff 100%); box-shadow: 4px 4px 2px -1px #5b0080; border: 1px solid #7f00b3; }

.h-button:nth-child(4):hover { background-color: #d366ff; background: linear-gradient(to bottom, #d366ff, #e199ff 100%); }

.h-button:nth-child(4):active { box-shadow: 1px 1px 4px -1px #5b0080; }

.h-button:nth-child(5) { background-color: #4100ff; background: linear-gradient(to bottom, #4100ff, #7a4dff 100%); box-shadow: 4px 4px 2px -1px #210080; border: 1px solid #2e00b3; }

.h-button:nth-child(5):hover { background-color: #8d66ff; background: linear-gradient(to bottom, #8d66ff, #b399ff 100%); }

.h-button:nth-child(5):active { box-shadow: 1px 1px 4px -1px #210080; }

.h-button:nth-child(6) { background-color: #00b6ff; background: linear-gradient(to bottom, #00b6ff, #4dccff 100%); box-shadow: 4px 4px 2px -1px #005b80; border: 1px solid #007fb3; }

.h-button:nth-child(6):hover { background-color: #66d3ff; background: linear-gradient(to bottom, #66d3ff, #99e2ff 100%); }

.h-button:nth-child(6):active { box-shadow: 1px 1px 4px -1px #005b80; }

.h-button:nth-child(7) { background-color: #00ffe7; background: linear-gradient(to bottom, #00ffe7, #4dffee 100%); box-shadow: 4px 4px 2px -1px #008074; border: 1px solid #00b3a2; }

.h-button:nth-child(7):hover { background-color: #66fff1; background: linear-gradient(to bottom, #66fff1, #99fff5 100%); }

.h-button:nth-child(7):active { box-shadow: 1px 1px 4px -1px #008074; }

.h-button:nth-child(8) { background-color: #00ff19; background: linear-gradient(to bottom, #00ff19, #4dff5e 100%); box-shadow: 4px 4px 2px -1px #00800d; border: 1px solid #00b312; }

.h-button:nth-child(8):hover { background-color: #66ff75; background: linear-gradient(to bottom, #66ff75, #99ffa3 100%); }

.h-button:nth-child(8):active { box-shadow: 1px 1px 4px -1px #00800d; }

.h-button:nth-child(9) { background-color: #8dbd42; background: linear-gradient(to bottom, #8dbd42, #afd17b 100%); box-shadow: 4px 4px 2px -1px #475f21; border: 1px solid #63842e; }

.h-button:nth-child(9):hover { background-color: #bbd78e; background: linear-gradient(to bottom, #bbd78e, #d1e5b3 100%); }

.h-button:nth-child(9):active { box-shadow: 1px 1px 4px -1px #475f21; }

.h-button:nth-child(10) { background-color: #bdb342; background: linear-gradient(to bottom, #bdb342, #d1ca7b 100%); box-shadow: 4px 4px 2px -1px #5f5a21; border: 1px solid #847d2e; }

.h-button:nth-child(10):hover { background-color: #d7d18e; background: linear-gradient(to bottom, #d7d18e, #e5e1b3 100%); }

.h-button:nth-child(10):active { box-shadow: 1px 1px 4px -1px #5f5a21; }

.h-button:nth-child(11) { background-color: #d4440b; background: linear-gradient(to bottom, #d4440b, #f56d37 100%); box-shadow: 4px 4px 2px -1px #5b1d05; border: 1px solid #8b2d07; }

.h-button:nth-child(11):hover { background-color: #f67e4f; background: linear-gradient(to bottom, #f67e4f, #f8a280 100%); }

.h-button:nth-child(11):active { box-shadow: 1px 1px 4px -1px #5b1d05; }

.h-button:nth-child(12) { background-color: #444; background: linear-gradient(to bottom, #444, #6a6a6a 100%); box-shadow: 4px 4px 2px -1px #040404; border: 1px solid #1e1e1e; }

.h-button:nth-child(12):hover { background-color: #777777; background: linear-gradient(to bottom, #777777, #919191 100%); }

.h-button:nth-child(12):active { box-shadow: 1px 1px 4px -1px #040404; }

.h-border { border-top: 2px solid black; }

.h-button:active { position: relative; top: 3px; left: 3px; }

.h-visible { display: inline; }

.h-invisible { display: none; }

.copy-button { margin-left: 10px; opacity: 0; }

.copy-button:hover { text-decoration: none; opacity: 1; -webkit-transition: opacity .10s ease-in-out .0s; transition: opacity .10s ease-in-out .0s; visibility: visible; }

#search-submit { font-size: 10pt; width: 10em; }

/** Syntax highlighting styles */
.highlight { color: black; }

.highlighter-rouge .highlight { color: black; }

.highlight .c { color: #998; font-style: italic; }

.highlight .err { color: #a61717; background-color: #e3d2d2; }

.highlight .k { font-weight: bold; }

.highlight .o { font-weight: bold; }

.highlight .cm { color: #998; font-style: italic; }

.highlight .cp { color: #999; font-weight: bold; }

.highlight .c1 { color: #998; font-style: italic; }

.highlight .cs { color: #999; font-weight: bold; font-style: italic; }

.highlight .gd { color: #000; background-color: #fdd; }

.highlight .gd .x { color: #000; background-color: #faa; }

.highlight .ge { font-style: italic; }

.highlight .gr { color: #a00; }

.highlight .gh { color: #999; }

.highlight .gi { color: #000; background-color: #dfd; }

.highlight .gi .x { color: #000; background-color: #afa; }

.highlight .go { color: #888; }

.highlight .gp { color: #555; }

.highlight .gs { font-weight: bold; }

.highlight .gu { color: #aaa; }

.highlight .gt { color: #a00; }

.highlight .kc { font-weight: bold; }

.highlight .kd { font-weight: bold; }

.highlight .kp { font-weight: bold; }

.highlight .kr { font-weight: bold; }

.highlight .kt { color: #458; font-weight: bold; }

.highlight .m { color: #099; }

.highlight .s { color: #d14; }

.highlight .na { color: #008080; }

.highlight .nb { color: #0086B3; }

.highlight .nc { color: #458; font-weight: bold; }

.highlight .no { color: #008080; }

.highlight .ni { color: #800080; }

.highlight .ne { color: #900; font-weight: bold; }

.highlight .nf { color: #900; font-weight: bold; }

.highlight .nn { color: #555; }

.highlight .nt { color: #000080; }

.highlight .nv { color: #008080; }

.highlight .ow { font-weight: bold; }

.highlight .w { color: #bbb; }

.highlight .mf { color: #099; }

.highlight .mh { color: #099; }

.highlight .mi { color: #099; }

.highlight .mo { color: #099; }

.highlight .sb { color: #d14; }

.highlight .sc { color: #d14; }

.highlight .sd { color: #d14; }

.highlight .s2 { color: #d14; }

.highlight .se { color: #d14; }

.highlight .sh { color: #d14; }

.highlight .si { color: #d14; }

.highlight .sx { color: #d14; }

.highlight .sr { color: #009926; }

.highlight .s1 { color: #d14; }

.highlight .ss { color: #990073; }

.highlight .bp { color: #999; }

.highlight .vc { color: #008080; }

.highlight .vg { color: #008080; }

.highlight .vi { color: #008080; }

.highlight .il { color: #099; }

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