/* Site styling */
* { margin: 0; padding: 0; }
body { background: #fefffe; color: #222; font-size: 22px; text-align: left; }
::selection{ background:#ffff00; color:black; }

/* Layout */
article { max-width: 32em; padding: 0 1.5em; margin: 0 auto; position: relative; }
article:first-child { margin-top: 1em; }
article img { max-width: 100%; margin: 0 auto; display: block; }
article video { max-width: 100%; margin: 0 auto 1.5em auto; display: block; }
section { margin-bottom: 2em; }
section.project h2 { text-transform: uppercase; }

#branding { color: #222; text-align: center; margin-bottom: 0.7em; font-size: 2em; font-weight: 500; }

/* Typography */
p, ul, ol, blockquote, div, input, label { font-family: Palatino, "Palatino LT STD", "Palatino Linotype", "Georgia", serif; }
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin-bottom: 1em; }
h2, h3, h4 { font-family: "Avenir Next Condensed", "Avenir Next", "Avenir", "Helvetical Neue", "Helvetica", Arial, sans-serif; text-transform: uppercase; }
h5, h6 { font-family: inherit !important; }
blockquote { font-style: italic; }
blockquote.bigquote { font-size: 1.5em; font-weight: 500; }
blockquote.bigquote p { font-size: 2em; font-family: "Cochin", Palatino, "Palatino LT STD", "Palatino Linotype", "Georgia", serif !important; }
blockquote.bigquote p:first-of-type:before,
blockquote.bigquote p:first-of-type:after { font-size: 2em; }
pre, pre *, code, kbd { font-size: 0.92em; line-height: 1.12; font-family: "Source Code Pro", Consolas, Monaco, "Andale Mono", "Lucida Sans Typewriter", Courier, "Courier New", monospace; }
.amp { font-family: "Hoefler Text", "Adobe Garamond Pro", "Garamond", Palatino, "Palatino LT STD", "Palatino Linotype", "Georgia", serif; font-style: italic; }
cite { font-style: italic; display: block; text-align: right; margin-right: 1.5em; }
.caps { text-transform: lowercase; font-variant: small-caps; font-weight: 600; letter-spacing: 0.05em; }
footer, footer p { text-transform: lowercase; font-variant: small-caps; font-family: "Hoefler Text", "Adobe Garamond Pro", "Garamond", Palatino, "Palatino LT STD", "Palatino Linotype", "Georgia", serif; }

/* Sizes and spacing */
p, ul, ol, blockquote, div, input, label, iframe { margin-bottom: 1.5em; line-height: 1.47; }
h1 { font-size: 2em; }
h2 { font-size: 2.2em; }
h3 { font-size: 2em; }
h4 { font-size: 1.6em; }
h5, h6 { font-size: 1.2em; }
ol, ol li, ul, ul li { padding-left: 0em; margin-left: 0em; }
pre code, pre { display: block; overflow: scroll; padding: 0.5em 1em; }
blockquote { margin-left: 5px; padding-left: 0.75em; margin-right: 1.5em; transition: all 0.3s ease; }
blockquote ul, blockquote ol { margin-left: 1em; padding-left: 1em; }
blockquote:hover { border-left-width: 6px; margin-left: 0; }
blockquote.bigquote { border-left: 0; padding-left: 0; margin-left: 1.5em; margin-right: 1.5em; }
blockquote.bigquote p:first-of-type:before { content: '\201C'; }
blockquote.bigquote p:last-of-type:after { content: '\201D'; margin-top: -1em; }
blockquote.bigquote p:first-of-type:before,
blockquote.bigquote p:first-of-type:after { display: inline-block; position: relative; top: 0.3em;}
blockquote.bigquote + p > cite { margin-right: 1.5em; }
sup, sub { vertical-align: baseline; position: relative; top: -0.5em; }
sub { top: 0.5em; }
a.footnote-ref { border-bottom: none; padding-top: 0;}
a.footnote-ref:hover { border-bottom: none; text-decoration: none; color: #2154a3; background: none;}
a.footnote-backref { }
a.footnote-backref:hover { }
kbd { border: 1px solid #777; border-radius: 2px; padding: 0 0.2em; }
nav { text-align: center; }
nav ul li { display: inline-block; }
footer { padding: 20px 0; color: #888; text-align: center; }
footer ul li { display: inline-block; }

/* General defaults */
ul { list-style: square; }
ol.nolist, ul.nolist { list-style: none; }
hr { background: #ccc; color: #ccc; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1em; border: none; }
abbr { border-bottom: 0.1em dashed; }
abbr:hover { border-bottom: 0.1em solid; }

blockquote { border-left: 1px solid #666; }

table { width: 100%; margin-bottom: 1.5em; }
table thead { background: #f1f1f1; }
table thead th { text-align: center; padding: 6px 0; }
table tbody td { padding: 2px 5px; }

/* Figures */
figure { margin-bottom: 0.8em; text-align: center; }
figcaption { font-style: italic; }

/* Embedding */
.iframe-container { position: relative; margin-bottom: 1.5em; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.iframe-container[aspect="16:9"] { padding-bottom: 56.25%; }
.iframe-container[aspect="4:3"] { padding-bottom: 75%; }
.iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
article > iframe { width: 100%; }

/* Utility */
.clear { clear: both; }
.info { background: #ffff40; padding: 10px; border-bottom: 1px solid black; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }


h1, h2, h3, h4, h5, h6 { color: #222; }
p, ul, ol, li, blockquote { color: #333; }
a { color: inherit; border-bottom: 1px solid; text-decoration: none; padding: 0.20em 0 0.10em 0; }
a:hover, a.active { color: #222; border-bottom-color: transparent; background: rgba(209, 225, 254, 0.4); }
a, a:hover, nav#menu li, nav#menu:hover li
{
    transition-property: color, border, background;
    transition-duration: 0.2s;
    transition-delay: 0s;
    -webkit-transition-property: color, border, background;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-property: color, border, background;
    -moz-transition-duration: 0.2s;
    -moz-transition-delay: 0s;
}

.admonition { border: 2px solid; margin-bottom: 1.618em; padding: 0.5em; }
.admonition p.admonition-title { font-weight: bold; margin-bottom: 0em; color: inherit; }
.admonition p.admonition-title:before { content: '\2020'; display: inline-block; opacity: 0; width: 0; transition: width 0.5s ease, opacity 0.4s ease; }
.admonition:hover p.admonition-title:before { width: 0.8em; opacity: 1; }
.admonition p:last-child { margin-bottom: 0em; }


/* Styles from http://paletton.com/#uid=23m0i0kzAuwgoKloXAOCElUNycl */
/* Warning styles */
.admonition.danger { color: #F37700; }
.admonition.error { border-width: 1px; color: #AF5500; }
.admonition.warning { border-width: 2px 0; border-style: dashed; color: #FF9938; }
.admonition.caution { border-width: 1px 0; border-style: dotted; color: #FFBC7C; }

/* Info styles */
.admonition.attention { color: #037F96; }
.admonition.important { border-width: 1px; color: #025B6B; }
.admonition.note { border-width: 2px 0; border-style: dashed; color: #2A9AAF; }
.admonition.tip { border-width: 1px 0; border-style: dotted; color: #66BCCC; }

/* Extra code highlighting */
.highlight{background-color:#073642;color:#93a1a1}.highlight .c{color:#586e75 !important;font-style:italic !important}.highlight .cm{color:#586e75 !important;font-style:italic !important}.highlight .cp{color:#586e75 !important;font-style:italic !important}.highlight .c1{color:#586e75 !important;font-style:italic !important}.highlight .cs{color:#586e75 !important;font-weight:bold !important;font-style:italic !important}.highlight .err{color:#dc322f !important;background:none !important}.highlight .k{color:#cb4b16 !important}.highlight .o{color:#93a1a1 !important;font-weight:bold !important}.highlight .p{color:#93a1a1 !important}.highlight .ow{color:#2aa198 !important;font-weight:bold !important}.highlight .gd{color:#93a1a1 !important;background-color:#372c34 !important;display:inline-block}.highlight .gd .x{color:#93a1a1 !important;background-color:#4d2d33 !important;display:inline-block}.highlight .ge{color:#93a1a1 !important;font-style:italic !important}.highlight .gr{color:#aa0000}.highlight .gh{color:#586e75 !important}.highlight .gi{color:#93a1a1 !important;background-color:#1a412b !important;display:inline-block}.highlight .gi .x{color:#93a1a1 !important;background-color:#355720 !important;display:inline-block}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{color:#93a1a1 !important;font-weight:bold !important}.highlight .gu{color:#6c71c4 !important}.highlight .gt{color:#aa0000}.highlight .kc{color:#859900 !important;font-weight:bold !important}.highlight .kd{color:#268bd2 !important}.highlight .kp{color:#cb4b16 !important;font-weight:bold !important}.highlight .kr{color:#d33682 !important;font-weight:bold !important}.highlight .kt{color:#2aa198 !important}.highlight .n{color:#268bd2 !important}.highlight .na{color:#268bd2 !important}.highlight .nb{color:#859900 !important}.highlight .nc{color:#d33682 !important}.highlight .no{color:#b58900 !important}.highlight .ni{color:#800080}.highlight .nl{color:#859900 !important}.highlight .ne{color:#268bd2 !important;font-weight:bold !important}.highlight .nf{color:#268bd2 !important;font-weight:bold !important}.highlight .nn{color:#b58900 !important}.highlight .nt{color:#268bd2 !important;font-weight:bold !important}.highlight .nx{color:#b58900 !important}.highlight .bp{color:#999999}.highlight .vc{color:#008080}.highlight .vg{color:#268bd2 !important}.highlight .vi{color:#268bd2 !important}.highlight .nv{color:#268bd2 !important}.highlight .w{color:#bbbbbb}.highlight .mf{color:#2aa198 !important}.highlight .m{color:#2aa198 !important}.highlight .mh{color:#2aa198 !important}.highlight .mi{color:#2aa198 !important}.highlight .mo{color:#009999}.highlight .s{color:#2aa198 !important}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#2aa198 !important}.highlight .s2{color:#2aa198 !important}.highlight .se{color:#dc322f !important}.highlight .sh{color:#d14}.highlight .si{color:#268bd2 !important}.highlight .sx{color:#d14}.highlight .sr{color:#2aa198 !important}.highlight .s1{color:#2aa198 !important}.highlight .ss{color:#990073}.highlight .il{color:#009999}.highlight div .gd,.highlight div .gd .x,.highlight div .gi,.highlight div .gi .x{display:inline-block;width:100%}