@import url("https://fonts.googleapis.com/css?family=Bowlby+One+SC");/*
| The mu framework v0.3.1
| BafS 2016-2018
*/*,
*:after,
*:before {
    box-sizing: border-box;
}body {
    font: 18px/1.6 Georgia, "Times New Roman", Times, serif;
    margin: 40px auto;
    max-width: 760px;
    color: #444;
    padding: 0 20px;
}h1,
h2,
h3,
h4,
h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2;
}a {
    color: #07c;
    text-decoration: none;
}a:hover {
    color: #059;
    text-decoration: underline;
}hr {
    border: 0;
    margin: 25px 0;
}table {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    padding-bottom: 25px;
}hr,
td,
th {
    border-bottom: 1px solid #ddd;
}button,
select {
    background: #ddd;
    border: 0;
    padding: 9px 20px;
    font-size: 14px;
}input,
table {
    font-size: 16px;
}input,
td,
th {
    padding: 5px;
    vertical-align: bottom;
}button:hover,
code,
pre {
    background: #ddd;
}pre {
    padding: 8px;
    white-space: pre-wrap;
}textarea {
    border-color: #ccc;
}/*
| GRID
*/.row {
    display: block;
    width: auto;
    min-height: 1px;
}.row:after {
    content: "";
    display: table;
    clear: both;
}.row .c {
    float: left;
}.g2,
.g3,
.g3-2,
.m2,
.m3,
.m3-2,
table {
    width: 100%;
}/*
| Media queries
| Responsive grid, mobile first
*/@media (min-width: 768px) {
    .g2 {
        width: 50%;
    }

    .m2 {
        margin-left: 50%;
    }

    .g3 {
        width: 33.33%;
    }

    .g3-2 {
        width: 66.66%;
    }

    .m3 {
        margin-left: 33.33%;
    }

    .m3-2 {
        margin-left: 66.66%;
    }
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 100;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-thin.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-thin.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-thin.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 100;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-thinitalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-thinitalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-thinitalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 100;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-thinoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-thinoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-thinoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 200;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-extralight.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-extralight.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-extralight.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 200;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-extralightitalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-extralightitalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-extralightitalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 200;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-extralightoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-extralightoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-extralightoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 300;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-light.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-light.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-light.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 300;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-lightitalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-lightitalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-lightitalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 300;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-lightoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-lightoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-lightoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 400;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-regular.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-regular.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-regular.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 400;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-italic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-italic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-italic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 400;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-oblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-oblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-oblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 500;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-medium.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-medium.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-medium.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 500;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-mediumitalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-mediumitalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-mediumitalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 500;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-mediumoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-mediumoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-mediumoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 600;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-semibold.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-semibold.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-semibold.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 600;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-semibolditalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-semibolditalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-semibolditalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 600;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-semiboldoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-semiboldoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-semiboldoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 700;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-bold.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-bold.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-bold.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 700;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-bolditalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-bolditalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-bolditalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 700;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-boldoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-boldoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-boldoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 800;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-extrabold.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-extrabold.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-extrabold.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 800;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-extrabolditalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-extrabolditalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-extrabolditalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 800;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-extraboldoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-extraboldoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-extraboldoblique.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 900;
  font-style: normal;
  src: url("/static/iosevka/woff2/iosevka-ss08-heavy.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-heavy.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-heavy.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 900;
  font-style: italic;
  src: url("/static/iosevka/woff2/iosevka-ss08-heavyitalic.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-heavyitalic.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-heavyitalic.ttf") format('truetype');
}@font-face {
  font-family: 'Iosevka SS08 Web';
  font-weight: 900;
  font-style: oblique;
  src: url("/static/iosevka/woff2/iosevka-ss08-heavyoblique.woff2") format('woff2'), url("/static/iosevka/woff/iosevka-ss08-heavyoblique.woff") format('woff'), url("/static/iosevka/ttf/iosevka-ss08-heavyoblique.ttf") format('truetype');
}/**
 * MIT License
 * Copyright (c) 2018 Sarah Drasner
 * Sarah Drasner's[@sdras] Night Owl
 * Ported by Sara vieria [@SaraVieira]
 * Added by Souvik Mandal [@SimpleIndian]
 */code[class*="language-"],
pre[class*="language-"] {
	color: #d6deeb;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;
}pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: rgba(29, 59, 83, 0.99);
}pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: rgba(29, 59, 83, 0.99);
}pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
	text-shadow: none;
	background: rgba(29, 59, 83, 0.99);
}@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}/* Code blocks */pre[class*="language-"] {
	padding: 1em;
	margin: 0.5em 0;
	overflow: auto;
}:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	color: white;
	background: #011627;
}:not(pre) > code[class*="language-"] {
	padding: 0.1em;
	border-radius: 0.3em;
	white-space: normal;
}.token.comment,
.token.prolog,
.token.cdata {
	color: rgb(99, 119, 119);
	font-style: italic;
}.token.punctuation {
	color: rgb(199, 146, 234);
}.namespace {
	color: rgb(178, 204, 214);
}.token.deleted {
	color: rgba(239, 83, 80, 0.56);
	font-style: italic;
}.token.symbol,
.token.property {
	color: rgb(128, 203, 196);
}.token.tag,
.token.operator,
.token.keyword {
	color: rgb(127, 219, 202);
}.token.boolean {
	color: rgb(255, 88, 116);
}.token.number {
	color: rgb(247, 140, 108);
}.token.constant,
.token.function,
.token.builtin,
.token.char {
	color: rgb(130, 170, 255);
}.token.selector,
.token.doctype {
	color: rgb(199, 146, 234);
	font-style: italic;
}.token.attr-name,
.token.inserted {
	color: rgb(173, 219, 103);
	font-style: italic;
}.token.string,
.token.url,
.token.entity,
.language-css .token.string,
.style .token.string {
	color: rgb(173, 219, 103);
}.token.class-name,
.token.atrule,
.token.attr-value {
	color: rgb(255, 203, 139);
}.token.regex,
.token.important,
.token.variable {
	color: rgb(214, 222, 235);
}.token.important,
.token.bold {
	font-weight: bold;
}.token.italic {
	font-style: italic;
}body {
    background: #eee;
}body.spj-mode * {
    font-family: "Comic Sans MS", fantasy;
}footer ul.menu, header ul.menu {
        text-align: right;
    }footer ul.menu li.menu-item, header ul.menu li.menu-item {
            display: inline;
            font-size: 0.8em;
        }footer ul.menu li.menu-item::before, header ul.menu li.menu-item::before {
            content: "|";
        }footer ul.menu li.menu-item:first-child::before, header ul.menu li.menu-item:first-child::before {
            content: "";
        }footer ul.menu sl-icon-button::part(base), header ul.menu sl-icon-button::part(base) {
            padding: 0;
        }header h1 {
        font-family: "Bowlby One SC";
        font-size: 2.6em;
        margin-top: -0.4em;
        margin-bottom: -0.4em;
        text-shadow: 4px 5px 6px rgba(0, 0, 0, 0.3);
    }header h1 a {
            color: black;
        }header h1 a:hover {
            text-decoration: none;
        }header ul.menu {
        float: right;
        margin: 0;
    }header hr {
        clear: both;
    }footer {
    margin-top: 1em;
}footer hr,
    footer ul {
        margin: 0;
    }pre,
code {
    font-family: "Iosevka SS08 Web";
    font-weight: 400;
    font-size: 0.9em;
}code[class*="language-"] {
    background: inherit;
}pre {
    border-radius: 0.3em;
    padding: 1em 1.5em;
}h1 {
    font-size: 1.8em;
    font-weight: bold;
}p.gif {
    text-align: center;
}p.gif img {
        width: 100%;
        max-width: 640px;
    }p.banner {
    text-align: center;
}p.banner img {
        width: 100%;
    }article label.exercise {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        cursor: pointer;
        display: block;
        background: #f0f0f0;
    }article input[type="checkbox"] {
        display: none;
    }article input + label.exercise + div {
        height: 0;
        transform: scaleY(0);
        transform-origin: top;
        transition: transform 0.1s ease-out;
    }article input:checked + label.exercise + div {
        height: auto;
        transform: scaleY(1);
    }article label.exercise:after {
        content: " ☝️";
    }article input:checked + label.exercise:after {
        content: " 👇";
    }.post-meta {
    font-size: 0.8em;
    color: #777;
    margin-top: -1em;
}.anchor {
    font-size: 0.8em;
    color: #ccc;
}.video img {
    width: 100%;
}.print-only {
    display: none;
}@media screen and (max-width: 640px) {
    header h1 {
        font-size: 2em;
    }

    header ul {
        float: none;
    }

    body {
        font-size: 12pt;
    }
}@media screen and (max-width: 340px) {
    body {
        font-size: 10pt;
    }
}body.sl-theme-dark {
    background: #191919;
    color: #999;
}body.sl-theme-dark hr {
        border: 1px inset #555;
    }body.sl-theme-dark a {
        color: #57b;
    }body.sl-theme-dark a.anchor {
        color: #444;
    }body.sl-theme-dark header h1 a {
        color: #aaa;
        text-shadow: 4px 5px 6px rgba(255, 255, 255, 0.3);
    }body.sl-theme-dark code,
    body.sl-theme-dark pre,
    body.sl-theme-dark article label.exercise {
        background: #2b2c2f;
    }