@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed:200,300,400,500,600,700|Barlow+Semi+Condensed:200,300,400,500,600,700|Barlow:200,300,400,500,600,700&display=swap");
* { box-sizing: border-box; }

iframe { margin: 20px 0px; }

body { margin: 0; font-family: 'Barlow', sans-serif; color: #444; box-sizing: border-box; overflow-x: hidden; }
body section, body div, body aside { box-sizing: border-box; }

a, a:hover, a:visited, a:active { text-decoration: none; color: #444; border-bottom: solid transparent 2px; }

h1, h2, h3, h4, h5 { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; }
h1 a, h1 a:hover, h1 a:visited, h1 a:active, h2 a, h2 a:hover, h2 a:visited, h2 a:active, h3 a, h3 a:hover, h3 a:visited, h3 a:active, h4 a, h4 a:hover, h4 a:visited, h4 a:active, h5 a, h5 a:hover, h5 a:visited, h5 a:active { text-decoration: none; color: #444; }

p, th, td { line-height: 1.5em; margin-top: 5px; }

li { line-height: 1.5em; }

ol.spaced li, ul.spaced li { line-height: 1.5em; margin-bottom: 5px; }

ol, ul { margin-top: 0px; }

h2, h3, h4, h5 { margin-bottom: 0px; }

h3 { text-transform: uppercase; margin-bottom: 10px; }

h4 { font-size: 1.2em; }

h5 { font-size: 1.1em; }

h2 { border-bottom: solid 1px #444; padding-bottom: 5px; }

strong { font-weight: 600; }

code.highlighter-rouge { background: #F3F3F3; padding: 6px; border-radius: 6px; }

.codepen-frame { height: 350px; }

.desktop { display: flex; }

.mobile { display: none; }

.due-date { display: none; }

ol.flush, ul.flush { padding-left: 17px; }
ol.flush li, ul.flush li { padding-left: 8px; }
ol.flush li img, ol.flush li .highlighter-rouge, ul.flush li img, ul.flush li .highlighter-rouge { margin: 5px 0px 5px 5px; }

.checkbox { text-indent: -34px; margin-left: 34px; }

.checkbox:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: 600; color: #1cb954; margin-right: 10px; font-size: 1.5em; vertical-align: top; }

pre.highlight { border-radius: 10px; background: #F6F6F6; padding: 10px; }

.blockquote-no-margin { margin-top: 0px; }

blockquote { border-left: solid 7px #88a5b3; background: #F6F6F6; padding: 10px; margin: 0px; margin-top: 30px; margin-bottom: 20px; }
blockquote p { margin: 0px; }

h1 { font-weight: 400; text-transform: uppercase; }
h1 a, h1 a:visited { color: black; text-decoration: none; padding-left: 5px; padding-right: 5px; margin-left: -5px; }
h1 a:hover { background: #EEE; border-radius: 5px; }
h1 footer { grid-area: bottom; }
h1 main { grid-area: main; }

table.xsmall { width: 250px !important; }

table.small { width: 400px !important; }

header { grid-area: top; align-items: flex-end; }

nav { grid-area: menu; }
nav.sticky { height: 55px; background: #FFFFFF; position: fixed; top: 0; width: 100%; }
nav.sticky ul { margin-top: 10px; }
nav ul { display: flex; flex-direction: row; padding: 0px; margin-top: 0px; }
nav ul li { border-bottom: solid 3px transparent; list-style: none; padding: 5px; }
nav ul li.active { border-bottom: solid 3px #d85c8a; }
nav ul li a { padding: 5px 8px; }
nav ul li a, nav ul li a:visited, nav ul li:active { text-decoration: none; color: #444; }
nav ul li:hover, nav ul li:active { background: #F9F9F9; border-bottom: solid 3px #88a5b3; }

.details h2 { margin-top: 50px; }
.details .fa, .details .fas, .details .far, .details .fab { font-size: 1.8em; color: #88a5b3; margin-right: 10px; }

.container { grid-template-columns: 1fr; grid-template-areas: "top" "menu" "main" "bottom"; }

h1 span { display: inline-block; border-radius: 4px; color: white; text-transform: uppercase; }

h1 span.hw { background: #49ACBB; }

h1 span.pj { background: #d85c8a; }

.assignments .passed { background: #F9F9F9; }

.assignments .passed, .lectures .passed, .readings .passed { color: #AAA; }
.assignments .passed .hw, .assignments .passed a.hw, .assignments .passed .pj, .assignments .passed a.pj, .assignments .passed .lec, .assignments .passed a.lec, .assignments .passed .lab, .assignments .passed a.lab, .assignments .passed .ec, .assignments .passed a.ec, .lectures .passed .hw, .lectures .passed a.hw, .lectures .passed .pj, .lectures .passed a.pj, .lectures .passed .lec, .lectures .passed a.lec, .lectures .passed .lab, .lectures .passed a.lab, .lectures .passed .ec, .lectures .passed a.ec, .readings .passed .hw, .readings .passed a.hw, .readings .passed .pj, .readings .passed a.pj, .readings .passed .lec, .readings .passed a.lec, .readings .passed .lab, .readings .passed a.lab, .readings .passed .ec, .readings .passed a.ec { background: #BBB; }

.assignments, .lectures, .assignment, .reference, .lecture, .readings, .link-menu, .two-column article { display: flex; flex-direction: column; }
.assignments a, .assignments a:hover, .assignments a:visited, .assignments a:active, .lectures a, .lectures a:hover, .lectures a:visited, .lectures a:active, .assignment a, .assignment a:hover, .assignment a:visited, .assignment a:active, .reference a, .reference a:hover, .reference a:visited, .reference a:active, .lecture a, .lecture a:hover, .lecture a:visited, .lecture a:active, .readings a, .readings a:hover, .readings a:visited, .readings a:active, .link-menu a, .link-menu a:hover, .link-menu a:visited, .link-menu a:active, .two-column article a, .two-column article a:hover, .two-column article a:visited, .two-column article a:active { text-decoration: none; color: #444; border-bottom: dotted #88a5b3 2px; }
.assignments a:hover, .lectures a:hover, .assignment a:hover, .reference a:hover, .lecture a:hover, .readings a:hover, .link-menu a:hover, .two-column article a:hover { background: #f6f6f6; }
.assignments .hw, .assignments a.hw, .assignments .pj, .assignments a.pj, .assignments .lec, .assignments a.lec, .assignments .lab, .assignments a.lab, .assignments .ec, .assignments a.ec, .lectures .hw, .lectures a.hw, .lectures .pj, .lectures a.pj, .lectures .lec, .lectures a.lec, .lectures .lab, .lectures a.lab, .lectures .ec, .lectures a.ec, .assignment .hw, .assignment a.hw, .assignment .pj, .assignment a.pj, .assignment .lec, .assignment a.lec, .assignment .lab, .assignment a.lab, .assignment .ec, .assignment a.ec, .reference .hw, .reference a.hw, .reference .pj, .reference a.pj, .reference .lec, .reference a.lec, .reference .lab, .reference a.lab, .reference .ec, .reference a.ec, .lecture .hw, .lecture a.hw, .lecture .pj, .lecture a.pj, .lecture .lec, .lecture a.lec, .lecture .lab, .lecture a.lab, .lecture .ec, .lecture a.ec, .readings .hw, .readings a.hw, .readings .pj, .readings a.pj, .readings .lec, .readings a.lec, .readings .lab, .readings a.lab, .readings .ec, .readings a.ec, .link-menu .hw, .link-menu a.hw, .link-menu .pj, .link-menu a.pj, .link-menu .lec, .link-menu a.lec, .link-menu .lab, .link-menu a.lab, .link-menu .ec, .link-menu a.ec, .two-column article .hw, .two-column article a.hw, .two-column article .pj, .two-column article a.pj, .two-column article .lec, .two-column article a.lec, .two-column article .lab, .two-column article a.lab, .two-column article .ec, .two-column article a.ec { display: inline-block; border-radius: 4px; color: white; text-transform: uppercase; font-size: .90em; line-height: 1.2em; text-decoration: none; padding: 3px 7px; border-bottom: solid transparent 1px; min-width: 42px; margin-right: 5px; text-indent: 0px; }
.assignments .hw, .assignments .hw:hover, .lectures .hw, .lectures .hw:hover, .assignment .hw, .assignment .hw:hover, .reference .hw, .reference .hw:hover, .lecture .hw, .lecture .hw:hover, .readings .hw, .readings .hw:hover, .link-menu .hw, .link-menu .hw:hover, .two-column article .hw, .two-column article .hw:hover { background: #49ACBB; }
.assignments .pj, .assignments .pj:hover, .lectures .pj, .lectures .pj:hover, .assignment .pj, .assignment .pj:hover, .reference .pj, .reference .pj:hover, .lecture .pj, .lecture .pj:hover, .readings .pj, .readings .pj:hover, .link-menu .pj, .link-menu .pj:hover, .two-column article .pj, .two-column article .pj:hover { background: #d85c8a; }
.assignments .lec, .assignments .lec:hover, .lectures .lec, .lectures .lec:hover, .assignment .lec, .assignment .lec:hover, .reference .lec, .reference .lec:hover, .lecture .lec, .lecture .lec:hover, .readings .lec, .readings .lec:hover, .link-menu .lec, .link-menu .lec:hover, .two-column article .lec, .two-column article .lec:hover { background: #88a5b3; }
.assignments .lab, .assignments .lab:hover, .lectures .lab, .lectures .lab:hover, .assignment .lab, .assignment .lab:hover, .reference .lab, .reference .lab:hover, .lecture .lab, .lecture .lab:hover, .readings .lab, .readings .lab:hover, .link-menu .lab, .link-menu .lab:hover, .two-column article .lab, .two-column article .lab:hover { background: #b0809e; }
.assignments .ec, .assignments .ec:hover, .lectures .ec, .lectures .ec:hover, .assignment .ec, .assignment .ec:hover, .reference .ec, .reference .ec:hover, .lecture .ec, .lecture .ec:hover, .readings .ec, .readings .ec:hover, .link-menu .ec, .link-menu .ec:hover, .two-column article .ec, .two-column article .ec:hover { background: #61cac8; }
.assignments table, .lectures table, .assignment table, .reference table, .lecture table, .readings table, .link-menu table, .two-column article table { border-top: solid 1px #444; border-bottom: solid 1px #444; border-collapse: collapse; width: 100%; margin-bottom: 30px; }
.assignments table td, .assignments table th, .lectures table td, .lectures table th, .assignment table td, .assignment table th, .reference table td, .reference table th, .lecture table td, .lecture table th, .readings table td, .readings table th, .link-menu table td, .link-menu table th, .two-column article table td, .two-column article table th { vertical-align: top; }
.assignments table td ul, .assignments table th ul, .lectures table td ul, .lectures table th ul, .assignment table td ul, .assignment table th ul, .reference table td ul, .reference table th ul, .lecture table td ul, .lecture table th ul, .readings table td ul, .readings table th ul, .link-menu table td ul, .link-menu table th ul, .two-column article table td ul, .two-column article table th ul { margin-bottom: 0px; }
.assignments table td:first-child, .lectures table td:first-child, .assignment table td:first-child, .reference table td:first-child, .lecture table td:first-child, .readings table td:first-child, .link-menu table td:first-child, .two-column article table td:first-child { min-width: 80px; }
.assignments table thead tr:first-child, .lectures table thead tr:first-child, .assignment table thead tr:first-child, .reference table thead tr:first-child, .lecture table thead tr:first-child, .readings table thead tr:first-child, .link-menu table thead tr:first-child, .two-column article table thead tr:first-child { border-bottom: solid 1px #444; }
.assignments table td, .assignments table th, .lectures table td, .lectures table th, .assignment table td, .assignment table th, .reference table td, .reference table th, .lecture table td, .lecture table th, .readings table td, .readings table th, .link-menu table td, .link-menu table th, .two-column article table td, .two-column article table th { border-bottom: dotted 1px #999; padding: 8px; }
.assignments table td, .lectures table td, .assignment table td, .reference table td, .lecture table td, .readings table td, .link-menu table td, .two-column article table td { font-size: 0.9em; }
.assignments table th, .lectures table th, .assignment table th, .reference table th, .lecture table th, .readings table th, .link-menu table th, .two-column article table th { font-family: 'Barlow Condensed', sans-serif; font-weight: 500; min-width: 60px; text-align: left; }
.assignments table.rubric, .lectures table.rubric, .assignment table.rubric, .reference table.rubric, .lecture table.rubric, .readings table.rubric, .link-menu table.rubric, .two-column article table.rubric { border: dotted 1px #CCC; width: 100%; max-width: 100%; }
.assignments table.rubric td, .assignments table.rubric th, .lectures table.rubric td, .lectures table.rubric th, .assignment table.rubric td, .assignment table.rubric th, .reference table.rubric td, .reference table.rubric th, .lecture table.rubric td, .lecture table.rubric th, .readings table.rubric td, .readings table.rubric th, .link-menu table.rubric td, .link-menu table.rubric th, .two-column article table.rubric td, .two-column article table.rubric th { border-bottom: dotted 1px #CCC; }
.assignments table.rubric th:nth-child(2), .lectures table.rubric th:nth-child(2), .assignment table.rubric th:nth-child(2), .reference table.rubric th:nth-child(2), .lecture table.rubric th:nth-child(2), .readings table.rubric th:nth-child(2), .link-menu table.rubric th:nth-child(2), .two-column article table.rubric th:nth-child(2) { width: 80px; }
.assignments table.rubric tr:first-child, .lectures table.rubric tr:first-child, .assignment table.rubric tr:first-child, .reference table.rubric tr:first-child, .lecture table.rubric tr:first-child, .readings table.rubric tr:first-child, .link-menu table.rubric tr:first-child, .two-column article table.rubric tr:first-child { border-bottom: dotted 1px #CCC; }
.assignments table.rubric tr:first-child th, .lectures table.rubric tr:first-child th, .assignment table.rubric tr:first-child th, .reference table.rubric tr:first-child th, .lecture table.rubric tr:first-child th, .readings table.rubric tr:first-child th, .link-menu table.rubric tr:first-child th, .two-column article table.rubric tr:first-child th { text-transform: uppercase; color: #000; }
.assignments table.rubric ul, .lectures table.rubric ul, .assignment table.rubric ul, .reference table.rubric ul, .lecture table.rubric ul, .readings table.rubric ul, .link-menu table.rubric ul, .two-column article table.rubric ul { margin: 0px; }
.assignments ul, .lectures ul, .assignment ul, .reference ul, .lecture ul, .readings ul, .link-menu ul, .two-column article ul { margin-top: 0px; }

.assignments td:nth-child(1), .assignments th:nth-child(1) { width: 60px !important; font-weight: 500; }

.readings td:nth-child(2), .readings th:nth-child(2) { width: 80px !important; }
.readings h3 { font-size: 1em; font-weight: 500; font-family: 'Barlow', sans-serif; }
.readings li { margin-bottom: 8px; }

.two-column .outline { background: #F6F6F6; padding: 10px; border-radius: 10px; margin-bottom: 15px; padding: 0px; margin: 0px; }
.two-column .outline ol, .two-column .outline ul { padding: 10px 10px 5px 15px; }
.two-column .outline li { list-style-type: none; padding: 0px; margin-bottom: 5px; }
.two-column .outline li a { border-bottom: dotted 1px #999; }

.assignment ul.toc, .reference ul.toc, .lecture ul.toc, .two-column article ul.toc { padding-left: 0px; }
.assignment ul.toc li, .reference ul.toc li, .lecture ul.toc li, .two-column article ul.toc li { margin-left: 10px; }
.assignment ul.toc li::before, .reference ul.toc li::before, .lecture ul.toc li::before, .two-column article ul.toc li::before { content: none; }
.assignment .outline, .reference .outline, .lecture .outline, .two-column article .outline { background: #F6F6F6; padding: 10px; border-radius: 10px; margin-bottom: 15px; }
.assignment .outline h3, .reference .outline h3, .lecture .outline h3, .two-column article .outline h3 { margin-top: 0px; }
.assignment .checkbox-list, .reference .checkbox-list, .lecture .checkbox-list, .two-column article .checkbox-list { padding-left: 22px; }
.assignment .checkbox-list > li, .reference .checkbox-list > li, .lecture .checkbox-list > li, .two-column article .checkbox-list > li { text-indent: -8px; margin-left: 22px; }
.assignment .checkbox-list > li:before, .reference .checkbox-list > li:before, .lecture .checkbox-list > li:before, .two-column article .checkbox-list > li:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: 600; color: #1cb954; font-size: 1.2em; vertical-align: top; margin-right: 6px; }

ol.readings, ul.readings { margin-top: 0px; margin-bottom: 0px; }
ol.readings li, ul.readings li { margin-top: 0px; }

.lectures ul { margin: 0px; }
.lectures td:nth-child(1) { min-width: 60px; width: 60px; }
.lectures td:nth-child(1), .lectures th:nth-child(1), .lectures td:nth-child(2), .lectures th:nth-child(2) { width: 50px; min-width: 30px; }
.lectures td:nth-child(2) { min-width: 70px; }
.lectures td:nth-child(3) { min-width: 330px; }
.lectures td:nth-child(4) { min-width: 235px !important; }
.lectures p, .lectures li, .lectures th, .lectures td { margin-top: 0px; }
.lectures ol { margin-top: 0px; margin-bottom: 0px; padding-left: 14px; }
.lectures ol li { margin-bottom: 5px; }

blockquote.caveat { margin: 20px 0px 20px 40px; background: none; border-left: 0px; padding: 25px; padding: 0px; }

blockquote.quote { margin-left: 20px; background: none; border-left: 0px; padding: 25px; font-size: 1.2em; font-weight: 500; margin-bottom: 30px; }
blockquote.quote p:before { content: '“'; color: #88a5b3; font-size: 2em; line-height: 0.1em; margin-right: 0.1em; vertical-align: -0.4em; font-family: 'Times New Roman', Times, serif; vertical-align: middle; }
blockquote.quote.slim { border-left: solid 10px #EEE; color: #BBB; margin-left: 30px; background: #FCFCFC; padding-left: 20px; padding-bottom: 0px; }
blockquote.quote.slim p { margin-bottom: 20px; font-weight: 400; color: #aaa; font-size: 20px; }
blockquote.quote.slim:before { font-size: 3em; }

.assignment .outline, .lecture .outline, .details .outline, .two-column article .outline { margin-top: 30px; }
.assignment .summary, .lecture .summary, .details .summary, .two-column article .summary { background: #F3F3F3; padding: 10px; }
.assignment .summary li, .lecture .summary li, .details .summary li, .two-column article .summary li { margin-left: 30px; }
.assignment ul, .lecture ul, .details ul, .two-column article ul { list-style: none; }
.assignment ul li::before, .lecture ul li::before, .details ul li::before, .two-column article ul li::before { font-size: 1.6em; content: "\2022"; font-weight: bold; display: inline-block; text-indent: -0.9em; vertical-align: text-bottom; color: #b0809e; }
.assignment h2, .lecture h2, .details h2, .two-column article h2 { border-bottom: solid 1px #88a5b3; }
.assignment h3, .lecture h3, .details h3, .two-column article h3 { color: #676767; font-weight: 500; font-size: 1.3em; }

@media (max-width: 800px) { .assignments section, .people section { width: 100%; height: 200px; }
  .lectures td { min-width: 50px !important; }
  .lectures th:nth-child(1) { min-width: 50px !important; width: auto; }
  .lectures td:nth-child(3) { min-width: 200px !important; }
  .lectures td:nth-child(4) { min-width: 50px !important; }
  .readings tr:first-child, .readings th:first-child, .readings th:nth-child(3), .readings td:nth-child(3) { display: none; }
  .readings td:nth-child(2) { font-weight: 500; width: 70px !important; min-width: 70px !important; } }
.lectures table th:first-child { min-width: 80px; }

table { margin-top: 30px; }
table.grading, table.rubric { margin-top: 20px; margin-bottom: 20px; max-width: 500px; border-collapse: collapse; }
table.grading td:first-child, table.rubric td:first-child { padding-left: 30px; }
table.grading td, table.grading th, table.rubric td, table.rubric th { border: dotted 1px #CCC; padding: 3px; }
table.grading td, table.rubric td { font-size: 0.9em; }
table.grading th, table.rubric th { background: #F9F9F9; padding-top: 5px; font-family: 'Barlow Condensed', sans-serif; font-weight: 500; min-width: 80px; text-align: left; }

.one-column header, .one-column nav, .one-column footer, .one-column main { display: flex; }
.one-column header, .one-column nav, .one-column footer { justify-content: center; align-items: center; }
.one-column footer > div { margin-top: 80px; margin-bottom: 20px; }
.one-column main { min-height: 80vh; flex-direction: column; padding-left: 15vw; padding-right: 15vw; }

@media (max-width: 800px) { .one-column .container, .two-column .container { grid-template-columns: 1fr; grid-template-rows: 65px auto auto auto; grid-template-areas: "top" "menu" "main" "bottom"; margin: 0px; grid-row-gap: 0px; grid-column-gap: 0px; overflow: auto; }
  .one-column .desktop, .two-column .desktop { display: none; }
  .one-column .mobile, .two-column .mobile { display: flex; }
  .one-column aside, .one-column nav, .two-column aside, .two-column nav { display: none; }
  .one-column footer, .one-column header, .two-column footer, .two-column header { border: none; }
  .one-column header, .one-column nav, .two-column header, .two-column nav { top: 0px; z-index: 500; position: fixed; width: 100%; }
  .one-column header .fa-bars, .one-column nav .fa-bars, .two-column header .fa-bars, .two-column nav .fa-bars { color: white; }
  .one-column header, .two-column header { height: 65px; background: #444 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52), 0 1px 2px rgba(0, 0, 0, 0.64); color: white; padding-top: 8px; align-items: flex-start; justify-content: flex-start; }
  .one-column header i, .two-column header i { font-size: 24px; }
  .one-column header a, .two-column header a { padding: 10px; margin: 5px; text-decoration: none; color: white; }
  .one-column header h1, .two-column header h1 { font-size: 1.3em; }
  .one-column nav, .two-column nav { top: 65px; background: white; }
  .one-column nav.sticky, .two-column nav.sticky { height: auto; top: 65px; }
  .one-column nav ul, .two-column nav ul { flex-direction: column; width: 100%; padding: 0px; margin: 0px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
  .one-column nav ul li, .two-column nav ul li { border-bottom: solid 1px #EEE; margin-top: 0px; }
  .one-column nav ul li.active, .two-column nav ul li.active { border-bottom: solid 1px #EEE; background: #88a5b3; }
  .one-column nav ul li.active a, .two-column nav ul li.active a { color: white; }
  .one-column nav ul li.active:hover, .one-column nav ul li.active:active, .two-column nav ul li.active:hover, .two-column nav ul li.active:active { background: #88a5b3; }
  .one-column nav ul li a, .two-column nav ul li a { display: flex; padding: 10px 18px; }
  .one-column nav ul li:hover, .one-column nav ul li:active, .two-column nav ul li:hover, .two-column nav ul li:active { border-bottom: solid 1px #EEE; background: #E9E9E9; }
  .one-column main, .two-column main { min-height: 82vh; padding: 80px 20px 20px 20px; } }
.two-column { padding: 0px; }
.two-column h1, .two-column h2, .two-column h3, .two-column h4 { padding-top: 85px; margin-top: -70px; z-index: -1; }
.two-column .desktop { display: flex; }
.two-column .mobile { display: none; }
.two-column header { background: white; width: 100vw; display: flex; align-items: center; justify-content: center; z-index: 100; }
.two-column header h1 { z-index: 100; }
.two-column nav { height: 60px; background: white; border-bottom: dotted 1px #CCC; width: 100vw; display: flex; align-items: center; justify-content: center; z-index: 100; }
.two-column aside { background: #F6F6F6; position: absolute; top: 135px; left: 0px; height: calc(100vh - $twocolHeaderHeight); width: 250px; overflow-y: auto; padding-bottom: 40px; }
.two-column aside.sticky { top: 60px; position: fixed; height: calc(100vh - 60px); }
.two-column aside h3 { margin-top: 0px; }
.two-column aside ol { padding: 0px; margin: 0px; }
.two-column aside .side-menu { width: 100%; padding: 0px; }
.two-column aside .side-menu a { font-size: 1.05em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 20px !important; }
.two-column aside .side-menu a:hover { background: #EEE; }
.two-column aside .side-menu > li a { display: block; }
.two-column aside .side-menu > li a.active { background: #88a5b3; color: white; }
.two-column aside .side-menu > li > a:first-child { padding: 4px 0px 3px 10px; font-weight: 500; }
.two-column aside .side-menu > li ol { margin-top: 0px; margin-bottom: 10px; }
.two-column aside .side-menu > li ol li a { color: #444; font-size: 0.9em; padding-left: 20px; }
.two-column aside .side-menu > li ol li ol li a { color: #666; font-size: 0.9em; padding-left: 45px; }
.two-column aside .side-menu > li ol li ol li ol li > a { padding-left: 65px; }
.two-column aside .side-menu li { margin-top: 0px; list-style-type: none; line-height: 1.5em; }
.two-column article { width: calc(100vw - 250px); margin-left: 250px; padding: 40px; padding-right: 15vh; }

@media (max-width: 800px) { .two-column main > article { margin-top: auto; width: auto; margin: 3vh; padding: 10px; }
  .two-column header { height: 65px; background: #444 !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.52), 0 1px 2px rgba(0, 0, 0, 0.64); color: white; display: flex; align-items: flex-start; justify-content: flex-start; }
  .two-column header h1 { font-size: 1.3em; }
  .two-column nav { display: none; height: auto; top: 65px; }
  .two-column .desktop { display: none; }
  .two-column .mobile { display: flex; }
  nav, header, aside, article { transition: all 0s; transform: translateY(0) !important; } }
.projects-container h2 { margin-bottom: 30px; }

.project-container { display: flex; flex-direction: row; margin-bottom: 50px; }
.project-container .image { width: 30%; padding-top: 15px; }
.project-container .image img { width: 100%; border: solid 1px #CCC; }
.project-container .image a { display: flex; border: solid 9px transparent; }
.project-container .image a:hover { border: solid 9px #88a5b3; }
.project-container .image a:hover img { border: solid 1px #88a5b3; }
.project-container .data { padding-left: 40px; width: 70%; }

@media (max-width: 1000px) { .project-container .image { width: 40%; }
  .project-container .data { width: 60%; } }
@media (max-width: 800px) { .project-container .image { display: none; }
  .project-container .data { padding-left: 0px; width: 100%; } }
/*! Inkpot Theme; https://github.com/uraimo/pygments-vimstyles */
/*! Wombat VIM theme */
.highlight, .highlight pre, .highlight table { background: #242424 !important; color: #f6f3e8 !important; border-radius: 10px; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.highlight .hll { background-color: #ffffcc !important; }

.highlight .c { color: #99968b !important; font-style: italic !important; }

/* Comment */
.highlight .err { color: #f6f3e8 !important; }

/* Error */
.highlight .g { color: #f6f3e8 !important; }

/* Generic */
.highlight .k { color: #8ac6f2 !important; }

/* Keyword */
.highlight .l { color: #f6f3e8 !important; }

/* Literal */
.highlight .n, .highlight .h { color: #f6f3e8 !important; }

/* Name */
.highlight .o { color: #f6f3e8 !important; }

/* Operator */
.highlight .x { color: #f6f3e8 !important; }

/* Other */
.highlight .p { color: #f6f3e8 !important; }

/* Punctuation */
.highlight .cm { color: #99968b !important; font-style: italic !important; }

/* Comment.Multiline */
.highlight .cp { color: #e5786d !important; }

/* Comment.Preproc */
.highlight .c1 { color: #99968b !important; font-style: italic !important; }

/* Comment.Single */
.highlight .cs { color: #99968b !important; font-style: italic !important; }

/* Comment.Special */
.highlight .gd { color: #f6f3e8 !important; }

/* Generic.Deleted */
.highlight .ge { color: #f6f3e8 !important; }

/* Generic.Emph */
.highlight .gr { color: #f6f3e8 !important; }

/* Generic.Error */
.highlight .gh { color: #f6f3e8 !important; font-weight: bold !important; }

/* Generic.Heading */
.highlight .gi { color: #f6f3e8 !important; }

/* Generic.Inserted */
.highlight .go { color: #808080 !important; background-color: #303030 !important; }

/* Generic.Output */
.highlight .gp { color: #f6f3e8 !important; }

/* Generic.Prompt */
.highlight .gs { color: #f6f3e8 !important; }

/* Generic.Strong */
.highlight .gu { color: #f6f3e8 !important; font-weight: bold !important; }

/* Generic.Subheading */
.highlight .gt { color: #f6f3e8 !important; }

/* Generic.Traceback */
.highlight .kc { color: #8ac6f2 !important; }

/* Keyword.Constant */
.highlight .kd { color: #8ac6f2 !important; }

/* Keyword.Declaration */
.highlight .kn { color: #8ac6f2 !important; }

/* Keyword.Namespace */
.highlight .kp { color: #8ac6f2 !important; }

/* Keyword.Pseudo */
.highlight .kr { color: #8ac6f2 !important; }

/* Keyword.Reserved */
.highlight .kt { color: #cae682 !important; }

/* Keyword.Type */
.highlight .ld { color: #f6f3e8 !important; }

/* Literal.Date */
.highlight .m { color: #e5786d !important; }

/* Literal.Number */
.highlight .s { color: #95e454 !important; font-style: italic !important; }

/* Literal.String */
.highlight .na { color: #cae682 !important; }

/* Name.Attribute */
.highlight .nb { color: #f6f3e8 !important; }

/* Name.Builtin */
.highlight .nc { color: #f6f3e8 !important; }

/* Name.Class */
.highlight .no { color: #e5786d !important; }

/* Name.Constant */
.highlight .nd { color: #f6f3e8 !important; }

/* Name.Decorator */
.highlight .ni { color: #e7f6da !important; }

/* Name.Entity */
.highlight .ne { color: #f6f3e8 !important; }

/* Name.Exception */
.highlight .nf { color: #cae682 !important; }

/* Name.Function */
.highlight .nl { color: #f6f3e8 !important; }

/* Name.Label */
.highlight .nn { color: #f6f3e8 !important; }

/* Name.Namespace */
.highlight .nx { color: #f6f3e8 !important; }

/* Name.Other */
.highlight .py { color: #f6f3e8 !important; }

/* Name.Property */
.highlight .nt { color: #8ac6f2 !important; }

/* Name.Tag */
.highlight .nv { color: #cae682 !important; }

/* Name.Variable */
.highlight .ow { color: #f6f3e8 !important; }

/* Operator.Word */
.highlight .w { color: #f6f3e8 !important; }

/* Text.Whitespace */
.highlight .mf { color: #e5786d !important; }

/* Literal.Number.Float */
.highlight .mh { color: #e5786d !important; }

/* Literal.Number.Hex */
.highlight .mi { color: #e5786d !important; }

/* Literal.Number.Integer */
.highlight .mo { color: #e5786d !important; }

/* Literal.Number.Oct */
.highlight .sb { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Backtick */
.highlight .sc { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Char */
.highlight .sd { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Doc */
.highlight .s2 { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Double */
.highlight .se { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Escape */
.highlight .sh { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Heredoc */
.highlight .si { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Interpol */
.highlight .sx { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Other */
.highlight .sr { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Regex */
.highlight .s1 { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Single */
.highlight .ss { color: #95e454 !important; font-style: italic !important; }

/* Literal.String.Symbol */
.highlight .bp { color: #f6f3e8 !important; }

/* Name.Builtin.Pseudo */
.highlight .vc { color: #cae682 !important; }

/* Name.Variable.Class */
.highlight .vg { color: #cae682 !important; }

/* Name.Variable.Global */
.highlight .vi { color: #cae682 !important; }

/* Name.Variable.Instance */
.highlight .il { color: #e5786d !important; }

/* Literal.Number.Integer.Long */