{"version":3,"sourceRoot":"","sources":["../../_sass/hydeout.scss","../../_sass/hydeout/_base.scss","../../_sass/hydeout/_variables.scss","main.scss","../../_sass/hydeout/_type.scss","../../_sass/hydeout/_syntax.scss","../../_sass/hydeout/_code.scss","../../_sass/hydeout/_layout.scss","../../_sass/hydeout/_masthead.scss","../../_sass/hydeout/_posts.scss","../../_sass/hydeout/_pagination.scss","../../_sass/hydeout/_message.scss","../../_sass/hydeout/_search.scss","../../_sass/hydeout/_tags.scss","../../_sass/hydeout/_back-link.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;ACIA;EACE;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI,WCcc;;;;ADVlB;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAIF;EACE,OEnCW;EFoCX;;AAGA;EAEE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE,kBC9EO;;;ADiFT;AAAA;AAAA;AAAA;AAAA;EAKE;EACA,eC7Dc;ED8Dd;;;AAGF;AAAA;EAEE;EACA,cC7FO;ED8FP,OE9FW;EF+FX;EACA,YACE;;AAIF;AAAA;EACE,YEtGS;EFuGT,cEvGS;EFwGT,YCnEiB;EDoEjB;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AG3HF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE,OFNO;EEOP;EACA;EACA,eFegB;EEdhB;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAVF;IAWI;IACA;;;;AASJ;AAAA;EAGE;EACA;EACA;;;AAIF;EACE;EACA;;;AAOF;EACE;EACA;;;AAIF;EACE,MDhIW;;;ACmIb;AAAA;EAEE;;;AAGF;EACE;;;AC1IF;EAAkB;;;AAClB;EAAgB;EAAe;AAC/B;EACE;EACA;;;AAEF;EAAgB;EAAe;AAC/B;EAAgB;EAAe;AAC/B;EACE;EACA;;;AAEF;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EACE;EACA;;;AAEF;EAAiB;EAAsB;AACvC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EACE;EACA;;;AAEF;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAEhC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAgB;EAAe;AAC/B;EAAgB;EAAkB;AAClC;EAAiB;EAAkB;AACnC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAkB;AACnC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAgB;EAAe;AAC/B;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EACE;EACA;;;AAEF;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAChC;EAAiB;EAAe;AAEhC;AAAA;AAAA;EAEiB;;;AC1EjB;AAAA;EAEE,aJiCiB;;;AI9BnB;EACE;EACA;EACA,OJ4BW;EI3BX;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;ACnDJ;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAwBA;EACE;EACA,kBJ1BiB;EI2BjB;EACA,OLuBmB;EKtBnB;EACA;EACA;;;AAGF;EACE;EACA,SLNgB;;AKYhB;EACE;EACA;EACA;EACA;EACA;EACQ;EACR;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,WLxBc;EKyBd;EACA;EACA,eLhCc;EKiCd;;AAGF;EAA0B;;;AAG5B;EACE,YLhDQ;EKiDR,OLlEO;EKmEP,SLzCgB;;;AK6ClB;EACE;EACA;EACA;EACA,YL1DQ;EK2DR,OL5EO;EK6EP,SACE;;AAIF;EACE;EACA;;;AAIJ;AAAA;AAAA;AAOE;AAAA;AAAA;EAGE;;;AAKJ;EACE;EACA,OLhEiB;EKiEjB,QACE;;AAIF;AAAA;EAEE;;AAGF;AAAA;EAEE;;;AAIJ;AAAA;AAAA;AAIA;EAGE;;AAGA;EACE;;AAIF;AAAA;EAEE;;AAGF;EACE;;AAKF;EACE;;;AAIJ;AAAA;AAAA;AAIA;EACE;IACE;IACA;IACA;;EAEA;IACE;;AAIJ;EAEA;AAAA;IAEE;IACA,OLlJY;;EKoJZ;AAAA;IACE;;EAIJ;IACE;IAQE;IASA;;EAGF;IACE;;EACA;IAAc;;EAGhB;AAAA;IAEE;;EAGF;IACE;;EAIJ;IAAkB;;EAGlB;IACE,YL3MM;IK4MN,OL7NK;IK8NL;IACA,SACE;;EAYF;IACE,OL5OG;IK6OH;;EAEA;AAAA;IAEE;;EAEA;AAAA;IACE,eL5NQ;;EKiOd;IACE;IACA;;;AAKN;AAAA;AAAA;AAIA;EACE,OL7NiB;;AK+NjB;EACE,MLzNiB;;;AKgOnB;AAAA;AAAA;EAAM,MLhOa;;;AKmOrB;AAAA;EAEE;;AAEA;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE,OLxPiB;;AKyPjB;EAAI;;;AAGN;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EANF;IAOI;IACA;;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;;EAGF;IACE;IACA;IACA;IACA;;EAEA;IACE;;EAIJ;IACE;;;ACzVJ;EACE;EACA;EACA;;;AAGF;EACE,ONPO;EMQP;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;;ACjBJ;EACE;;;AAIF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE,OPbO;;;AOgBT;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EAAY;;AAEZ;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE,ONtDS;EMuDT;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA,YPrCgB;EOsChB,aPtCgB;;AOwChB;AAAA;AAAA;AAAA;EAEE;;;AAKJ;EACE,OP3EO;EO4EP;EACA;;;AAKA;AAAA;EACE;;;AAIJ;EACE;;;AC3FF;AAAA;;AAAA;AAAA;AAAA;AAAA;AAQA;EACE,ORPO;EQQP,eRoBgB;EQnBhB;;AAEA;EACE,YROM;EQNN;EACA,eRUY;EQTZ;EACA,YRoBiB;EQnBjB;EACA,WRWY;EQVZ;EACA;;AAGF;EACE,kBRzBK;;;AQ8BT;EACE,YRFgB;;;AQMlB;EACE;;;AAIF;EACE;;;AAIF;EACE,gBRjBgB;;;AQqBlB;EACE;IACE;;EAEA;IAAU,YRjBO;;EQoBnB;IACE;;EAEA;IACE;IACA,YRjCY;IQkCZ,aRlCY;;EQsChB;IACE,gBRvCc;;;ASzBlB;EACE,kBTNO;ESOP,OTJO;ESKP;EACA;;;AAGF;EACE,kBTJO;ESKP;EACA;EACA;EACA;EACA,OTfO;;;ASkBT;EACE;EACA,MTpBO;ESqBP;EACA;EACA;EACA;;;AC3BF;EACE;EACA,eVwBc;EUvBd;EACA;;AAEA;EACE;;AAGF;EAAgB;;AAEhB;AAAA;EAEE;;;ACdJ;EACE;EACA;EACA;;;AAGF;EACE,YVNW;EUOX;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;IAAO;;EACP;IAAK;;;AAIP;EACE;;AAEA;EACE;EACA;;;AChCJ;EACI;;AACA;EACI;;AACN;EACU","sourcesContent":["/*\n  Most of these imports are derived from https://github.com/poole/poole.\n  Designed, built, and released under MIT license by @mdo.\n*/\n\n@import 'hydeout/variables';\n@import 'hydeout/base';\n@import 'hydeout/type';\n@import 'hydeout/syntax';\n@import 'hydeout/code';\n@import 'hydeout/layout';\n@import 'hydeout/masthead';\n@import 'hydeout/posts';\n@import 'hydeout/pagination';\n@import 'hydeout/message';\n@import 'hydeout/search';\n@import 'hydeout/tags';\n@import 'hydeout/back-link';\n","// Body resets\n//\n// Update the foundational and global aspects of the page.\n\n* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  font-family: $root-font-family;\n  font-size: $root-font-size;\n  line-height: $root-line-height;\n\n  @media (min-width: $large-breakpoint) {\n    font-size: $large-font-size;\n  }\n}\n\nbody {\n  text-size-adjust: 100%;\n}\n\nmain,\narticle,\nsection {\n  display: block;\n}\n\n// No `:visited` state is required by default (browsers will use `a`)\na {\n  color: $link-color;\n  text-decoration: none;\n\n  // `:focus` is linked to `:hover` for basic accessibility\n  &:hover,\n  &:focus {\n    text-decoration: underline;\n  }\n\n  strong {\n    color: inherit;\n  }\n}\n\nimg {\n  border-radius: 5px;\n  display: block;\n  height: auto; // prevent max-width from squishing images with defined height\n  margin: 0 0 1rem;\n  max-width: 100%;\n}\n\ntable {\n  border: 1px solid $border-color;\n  border-collapse: collapse;\n  font-size: 85%;\n  margin-bottom: 1rem;\n  width: 100%;\n}\n\ntd,\nth {\n  border: 1px solid $border-color;\n  padding: 0.25rem 0.5rem;\n}\n\nth {\n  text-align: left;\n}\n\ntbody tr:nth-child(odd) td,\ntbody tr:nth-child(odd) th {\n  background-color: $gray-1;\n}\n\nbutton,\ninput[type='text'],\ninput[type='email'],\ninput[type='search'],\ninput[type='submit'] {\n  border: 1px solid $border-color;\n  border-radius: $border-radius;\n  padding: $padding-v $padding-h;\n}\n\nbutton,\ninput[type='submit'] {\n  background: transparent;\n  border-color: $border-color;\n  color: $link-color;\n  cursor: pointer;\n  transition:\n    color 0.6s ease-in-out,\n    border-color 0.6s ease-in-out,\n    background 0.6s ease-in-out;\n\n  &:hover {\n    background: $link-color;\n    border-color: $link-color;\n    box-shadow: $default-box-shadow;\n    color: #fff;\n  }\n}\n\n.video-container {\n  overflow: hidden;\n  position: relative;\n  width:100%;\n}\n\n.video-container::after {\n  padding-top: 56.25%;\n  display: block;\n  content: '';\n}\n\n.video-container iframe {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}","$gray-1: #f9f9f9 !default;\n$gray-2: #e5e5e5 !default;\n$gray-3: #ccc !default;\n$gray-4: #767676 !default;\n$gray-5: #515151 !default;\n$gray-6: #313131 !default;\n\n$red: #ac4142 !default;\n$orange: #d28445 !default;\n$yellow: #f4bf75 !default;\n$green: #90a959 !default;\n$cyan: #75b5aa !default;\n$blue: #268bd2 !default;\n$brown: #8f5536 !default;\n\n$root-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif !default;\n$root-font-size: 1rem !default;\n$root-line-height: 1.5 !default;\n\n$body-color: $gray-5 !default;\n$body-muted: $gray-4 !default;\n$body-bg: #fff !default;\n$link-color: $blue !default;\n$heading-color: $gray-6 !default;\n\n$border-color: $gray-2 !default;\n$border-radius: 300px !default;\n$padding-v: 1em !default;\n$padding-h: 1.5em !default;\n$heading-spacing: 0.5rem !default;\n$section-spacing: 2rem !default;\n$sidebar-width: 18rem !default;\n\n$large-breakpoint: 49rem !default;\n$large-font-size: 1.20rem !default;\n\n$box-shadow-size: 1px !default;\n$box-shadow-opacity: 0.16 !default;\n$default-box-shadow: $box-shadow-size $box-shadow-size $box-shadow-size rgba(0, 0, 0, $box-shadow-opacity);\n\n$code-font-family: Menlo, Monaco, 'Courier New', monospace !default;\n$code-color: #bf616a !default;\n\n// Hyde theming\n$sidebar-bg-color: #202020 !default;\n$sidebar-fg-color: #fff !default;\n$sidebar-sticky: true !default;\n$layout-reverse: false !default;\n\n$sidebar-title-color: $sidebar-fg-color !default;\n$sidebar-link-color: $sidebar-fg-color !default;\n$sidebar-text-color: rgba($sidebar-fg-color, 0.75) !default;\n$sidebar-icon-color: rgba($sidebar-fg-color, 0.85) !default;\n","$sidebar-bg-color: #516479;\n$link-color: #ac4142;\n$sidebar-sticky: false;\n@import \"hydeout\";\n\n","// Typography\n//\n// Headings, body text, lists, and other misc typographic elements.\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.site-title {\n  color: $heading-color;\n  font-weight: 600;\n  line-height: 1.25;\n  margin-bottom: $heading-spacing;\n  text-rendering: optimizeLegibility;\n}\n\nh1 {\n  font-size: 2rem;\n}\n\nh2 {\n  font-size: 1.5rem;\n  margin-top: 1rem;\n}\n\nh3 {\n  font-size: 1.25rem;\n  margin-top: 1.5rem;\n}\n\nh4,\nh5,\nh6 {\n  font-size: 1rem;\n  margin-top: 1rem;\n}\n\np {\n  margin-bottom: 1rem;\n  margin-top: 0;\n}\n\nstrong {\n  color: #303030;\n}\n\nul,\nol,\ndl {\n  margin-bottom: 1rem;\n  margin-top: 0;\n}\n\ndt {\n  font-weight: bold;\n}\n\ndd {\n  margin-bottom: 0.5rem;\n}\n\nhr {\n  border: 0;\n  border-bottom: 1px solid #fff;\n  border-top: 1px solid #eee;\n  margin: 1.5rem 0;\n  position: relative;\n}\n\nabbr {\n  color: #555;\n  font-size: 85%;\n  font-weight: bold;\n  text-transform: uppercase;\n\n  &[title] {\n    border-bottom: 1px dotted $border-color;\n    cursor: help;\n  }\n}\n\nblockquote {\n  border-left: 0.25rem solid $border-color;\n  color: #7a7a7a;\n  margin: 0.8rem 0;\n  padding: 0.5rem 1rem;\n\n  p:last-child {\n    margin-bottom: 0;\n  }\n\n  @media (min-width: 30em) {\n    padding-left: 1.25rem;\n    padding-right: 5rem;\n  }\n}\n\n// Markdown footnotes\n//\n// See the example content post for an example.\n\n// Footnote number within body text\na[href^='#fn:'],\n// Back to footnote link\na[href^='#fnref:'] {\n  display: inline-block;\n  font-weight: bold;\n  margin-left: 0.1rem;\n}\n\n// List of footnotes\n.footnotes {\n  font-size: 85%;\n  margin-top: 2rem;\n}\n\n// Custom type\n//\n// Extend paragraphs with `.lead` for larger introductory text.\n\n.lead {\n  font-size: 1.25rem;\n  font-weight: 300;\n}\n\n// SVG Icons\na svg {\n  fill: $link-color;\n}\n\na svg,\n.icon svg {\n  height: 1em;\n}\n\n.icon {\n  vertical-align: middle;\n}\n",".highlight .hll { background-color: #ffc; }\n.highlight .c { color: #999; } /* Comment */\n.highlight .err { /* Error */\n  background-color: #faa;\n  color: #a00;\n}\n.highlight .k { color: #069; } /* Keyword */\n.highlight .o { color: #555; } /* Operator */\n.highlight .cm { /* Comment.Multiline */\n  color: #09f;\n  font-style: italic;\n}\n.highlight .cp { color: #099; } /* Comment.Preproc */\n.highlight .c1 { color: #999; } /* Comment.Single */\n.highlight .cs { color: #999; } /* Comment.Special */\n.highlight .gd { /* Generic.Deleted */\n  background-color: #fcc;\n  border: 1px solid #c00;\n}\n.highlight .ge { font-style: italic; } /* Generic.Emph */\n.highlight .gr { color: #f00; } /* Generic.Error */\n.highlight .gh { color: #030; } /* Generic.Heading */\n.highlight .gi { /* Generic.Inserted */\n  background-color: #cfc;\n  border: 1px solid #0c0;\n}\n.highlight .go { color: #aaa; } /* Generic.Output */\n.highlight .gp { color: #009; } /* Generic.Prompt */\n// .highlight .gs { } /* Generic.Strong */\n.highlight .gu { color: #030; } /* Generic.Subheading */\n.highlight .gt { color: #9c6; } /* Generic.Traceback */\n.highlight .kc { color: #069; } /* Keyword.Constant */\n.highlight .kd { color: #069; } /* Keyword.Declaration */\n.highlight .kn { color: #069; } /* Keyword.Namespace */\n.highlight .kp { color: #069; } /* Keyword.Pseudo */\n.highlight .kr { color: #069; } /* Keyword.Reserved */\n.highlight .kt { color: #078; } /* Keyword.Type */\n.highlight .m { color: #f60; } /* Literal.Number */\n.highlight .s { color: #d44950; } /* Literal.String */\n.highlight .na { color: #4f9fcf; } /* Name.Attribute */\n.highlight .nb { color: #366; } /* Name.Builtin */\n.highlight .nc { color: #0a8; } /* Name.Class */\n.highlight .no { color: #360; } /* Name.Constant */\n.highlight .nd { color: #99f; } /* Name.Decorator */\n.highlight .ni { color: #999; } /* Name.Entity */\n.highlight .ne { color: #c00; } /* Name.Exception */\n.highlight .nf { color: #c0f; } /* Name.Function */\n.highlight .nl { color: #99f; } /* Name.Label */\n.highlight .nn { color: #0cf; } /* Name.Namespace */\n.highlight .nt { color: #2f6f9f; } /* Name.Tag */\n.highlight .nv { color: #033; } /* Name.Variable */\n.highlight .ow { color: #000; } /* Operator.Word */\n.highlight .w { color: #bbb; } /* Text.Whitespace */\n.highlight .mf { color: #f60; } /* Literal.Number.Float */\n.highlight .mh { color: #f60; } /* Literal.Number.Hex */\n.highlight .mi { color: #f60; } /* Literal.Number.Integer */\n.highlight .mo { color: #f60; } /* Literal.Number.Oct */\n.highlight .sb { color: #c30; } /* Literal.String.Backtick */\n.highlight .sc { color: #c30; } /* Literal.String.Char */\n.highlight .sd { /* Literal.String.Doc */\n  color: #c30;\n  font-style: italic;\n}\n.highlight .s2 { color: #c30; } /* Literal.String.Double */\n.highlight .se { color: #c30; } /* Literal.String.Escape */\n.highlight .sh { color: #c30; } /* Literal.String.Heredoc */\n.highlight .si { color: #a00; } /* Literal.String.Interpol */\n.highlight .sx { color: #c30; } /* Literal.String.Other */\n.highlight .sr { color: #3aa; } /* Literal.String.Regex */\n.highlight .s1 { color: #c30; } /* Literal.String.Single */\n.highlight .ss { color: #fc3; } /* Literal.String.Symbol */\n.highlight .bp { color: #366; } /* Name.Builtin.Pseudo */\n.highlight .vc { color: #033; } /* Name.Variable.Class */\n.highlight .vg { color: #033; } /* Name.Variable.Global */\n.highlight .vi { color: #033; } /* Name.Variable.Instance */\n.highlight .il { color: #f60; } /* Literal.Number.Integer.Long */\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt { color: #999; }\n","// Code\n//\n// Inline and block-level code snippets. Includes tweaks to syntax highlighted\n// snippets from Pygments/Rouge and Gist embeds.\n\ncode,\npre {\n  font-family: $code-font-family;\n}\n\ncode {\n  background-color: #f9f9f9;\n  border-radius: 3px;\n  color: $code-color;\n  font-size: 85%;\n  padding: 0.25em 0.5em;\n}\n\npre {\n  margin-bottom: 1rem;\n  margin-top: 0;\n  max-width: 100%;\n  overflow-x: auto;\n}\n\npre code {\n  background-color: transparent;\n  color: inherit;\n  font-size: 100%;\n  padding: 0;\n}\n\n// Pygments/Rouge via Jekyll\n.highlight {\n  background-color: #f9f9f9;\n  border-radius: 0.25rem;\n  font-size: 0.8rem;\n  line-height: 1.4;\n  margin-bottom: 1rem;\n  padding: 1rem;\n\n  pre {\n    margin-bottom: 0;\n    overflow-x: auto;\n  }\n\n  .lineno {\n    color: #999;\n    display: inline-block; // Ensures the null space also isn't selectable\n    padding-left: 0.25rem;\n    padding-right: 0.75rem;\n    user-select: none; // Make sure numbers aren't selectable\n  }\n}\n\n// Gist via GitHub Pages\n// .gist .gist-file {\n//   font-family: Menlo, Monaco, \"Courier New\", monospace !important;\n// }\n// .gist .markdown-body {\n//   padding: 15px;\n// }\n// .gist pre {\n//   padding: 0;\n//   background-color: transparent;\n// }\n// .gist .gist-file .gist-data {\n//   font-size: .8rem !important;\n//   line-height: 1.4;\n// }\n// .gist code {\n//   padding: 0;\n//   color: inherit;\n//   background-color: transparent;\n//   border-radius: 0;\n// }\n","/*\n  Layout\n\n  Styles for managing the structural hierarchy of the site.\n  Hydeout features the large colored sidebar from Hyde that houses the\n  site name, intro, and \"footer\" content. Sidebar is on top of content on\n  mobile and expands into sidebar on larger width displays.\n\n  Sidebar CSS assumes HTML looks like this for post pages:\n\n    body\n    > #sidebar\n      > header (primary sidebar content -- i.e. title)\n        > h1 (home page only, otherwise div or span)\n      > secondary nav content we may want to hide on certain pages\n    > .container\n      > h1 (non-home page)\n      > .content\n\n  Basic approach is to color in body, make sidebar background transparent,\n  and then fill in the .container or .content elements depending on how far\n  we want the sidebar or header to stretch.\n*/\n\nbody {\n  background-attachment: fixed;\n  background-color: $sidebar-bg-color;\n  background-image: linear-gradient(to bottom, lighten($sidebar-bg-color, 7%), darken($sidebar-bg-color, 7%));\n  color: $sidebar-text-color;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\n#sidebar {\n  flex: 0 0 auto;\n  padding: $section-spacing;\n\n  .sidebar-author-image {\n  //  removed\n  }\n  \n  img {\n    width: 50%;\n    height: 50%;\n    margin-left: auto;\n    margin-right: auto;\n    -webkit-border-radius: 50%;\n            border-radius: 50%;\n    -webkit-transition: -webkit-transform 0.35s;\n    transition: -webkit-transform 0.35s;\n    -o-transition: transform 0.35s;\n    transition: transform 0.35s;\n    transition: transform 0.35s, -webkit-transform 0.35s;\n  }\n\n  .site-title {\n    font-family: 'Caveat', cursive;\n    font-size: $large-font-size;\n    font-style: regular;\n    font-weight: 700;\n    margin-bottom: $heading-spacing;\n    margin-top: 0;\n  }\n\n  .site-title .back-arrow { margin-right: 0.5rem; }\n}\n\n.content {\n  background: $body-bg;\n  color: $body-color;\n  padding: $section-spacing;\n}\n\n// Container is flexbox as well -- we want content div to stretch and fill\n.container {\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n  background: $body-bg;\n  color: $body-color;\n  padding:\n    $section-spacing \n    $section-spacing\n    0;\n\n  > .content {\n    flex-grow: 1;\n    padding-bottom: $section-spacing * 2;\n  }\n}\n\n/* -----------------------------------------------------------\n  Mobile view\n----------------------------------------------------------- */\n\n// Hide secondary nav content in sidebar\n// Hide lead paragraph in sidebar\n#sidebar {\n  header ~ *,\n  header ~ nav,\n  p.lead {\n    display: none;\n  }\n}\n\n// Make header elements blend into sidebar / background\n.container > header {\n  background: transparent;\n  color: $sidebar-title-color;\n  margin:\n    ($heading-spacing - $section-spacing)\n    $section-spacing\n    $section-spacing;\n\n  h1,\n  h2 {\n    color: inherit;\n  }\n\n  h1:last-child,\n  h2:last-child {\n    margin-bottom: 0;\n  }\n }\n\n/* -----------------------------------------------------------\n  Mobile view for home page)\n----------------------------------------------------------- */\n\n.home #sidebar {\n\n  // Center sidebar content\n  text-align: center;\n\n  // Bigger title\n  .site-title {\n    font-size: 3.25rem;\n  }\n\n  // Show secondary nav content + lead\n  header ~ *,\n  p.lead {\n    display: block;\n  }\n\n  header ~ nav {\n    display: flex;\n  }\n\n  // Slightly more bottom padding to compensate for heading not match 100% of\n  // line-height on top\n  > *:last-child {\n    margin-bottom: 0.5rem;\n  }\n}\n\n/* -----------------------------------------------------------\n  Tablet / Desktop view\n----------------------------------------------------------- */\n\n@media (min-width: $large-breakpoint) {\n  body {\n    flex-direction: row;\n    min-height: 100vh;\n    overflow-y: auto;\n\n    > * {\n      overflow-y: auto;\n    }\n  }\n\n  /* Undo mobile CSS */\n\n  #sidebar,\n  .home #sidebar {\n    text-align: left;\n    width: $sidebar-width;\n\n    > *:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  #sidebar {\n    position: static;\n\n    // Attach to bottom or top of window\n    @if $sidebar-sticky {\n      bottom: 0;\n    }\n\n    @else {\n      top: 0;\n    }\n\n    // Attach to right or left of window\n    @if $layout-reverse {\n      right: 0;\n    }\n\n    @else {\n      left: 0;\n    }\n\n    .site-title {\n      font-size: 3.25rem;\n      .back-arrow { display: none; }\n    }\n\n    p.lead,\n    header ~ * {\n      display: block;\n    }\n\n    header ~ nav {\n      display: flex;\n    }\n  }\n\n  .index #sidebar { margin-bottom: 0; }\n\n  // Make entire container background white to contrast against sidebar\n  .container {\n    background: $body-bg;\n    color: $body-color;\n    min-height: 100vh;\n    padding:\n      $section-spacing * 2\n      $section-spacing * 2\n      0;\n\n    //@if $layout-reverse {\n    //  margin-right: $sidebar-width ;\n    //}\n\n    //@else {\n    //  margin-left: $sidebar-width ;\n    //}\n\n    > header {\n      color: $heading-color;\n      margin: 0;\n\n      h1,\n      h2 {\n        color: inherit;\n\n        &:last-child {\n          margin-bottom: $heading-spacing;\n        }\n      }\n    }\n\n    > * {\n      max-width: 38rem;\n      padding: 0;\n    }\n  }\n}\n\n/* -----------------------------------------------------------\n  Sidebar links + nav\n----------------------------------------------------------- */\n\n#sidebar a {\n  color: $sidebar-link-color;\n\n  svg {\n    fill: $sidebar-icon-color;\n  }\n}\n\n#sidebar a:hover,\n#sidebar a:focus,\n#sidebar a.active {\n  svg { fill: $sidebar-icon-color; }\n}\n\n#sidebar a:hover,\n#sidebar a:focus {\n  text-decoration: underline;\n\n  &.icon {\n    text-decoration: none;\n  }\n}\n\n#sidebar a.active {\n  font-weight: bold;\n}\n\n#sidebar .site-title {\n  color: $sidebar-title-color;\n  a { color: inherit; }\n}\n\n#sidebar nav {\n  display: flex;\n}\n\n#sidebar-nav-links {\n  flex-flow: column nowrap;\n}\n\n#sidebar-icon-links {\n  flex-flow: row wrap;\n  justify-content: center;\n  margin-top: 1rem;\n  max-width: 100%;\n\n  @media (min-width: $large-breakpoint) {\n    justify-content: flex-start;\n    margin-left: -0.25em;\n  }\n}\n\n#sidebar nav > * {\n  display: block;\n  line-height: 1.75;\n}\n\n#sidebar nav > .icon {\n  display: inline-block;\n  font-size: 1.3rem;\n  margin: 0 0.25em;\n}\n\n@media print {\n  #sidebar {\n    display: none;\n  }\n\n  body {\n    display: block;\n  }\n\n  .container {\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding: 0;\n\n    > * {\n      max-width: 100%;\n    }\n  }\n\n  html {\n    font-size: normal;\n  }\n}\n","// Masthead\n//\n// Super small header above the content for site name and short description.\n\n.masthead {\n  margin-bottom: 3rem;\n  padding-bottom: 1rem;\n  padding-top: 1rem;\n}\n\n.masthead-title {\n  color: $gray-5;\n  margin-bottom: 0;\n  margin-top: 0;\n\n  a {\n    color: inherit;\n  }\n\n  small {\n    font-size: 75%;\n    font-weight: 400;\n    opacity: 0.5;\n  }\n}\n","// Posts and pages\n//\n// Each post is wrapped in `.post` and is used on default and post layouts. Each\n// page is wrapped in `.page` and is only used on the page layout.\n\n.posts-by-tag h2 {\n  text-transform: capitalize;\n}\n\n// Blog post or page title\n.page-title,\n.post-title {\n  margin-top: 0;\n}\n\n.page-title,\n.post-title,\n.post-title a {\n  color: $heading-color;\n}\n\nh2.post-title,\nh2.page-title {\n  font-size: 2rem;\n}\n\n.post-tags a {\n  font-size: 0.8em;\n  margin-right: 0.5rem;\n  opacity: 0.75;\n  white-space: nowrap;\n\n  .tag-name { text-transform: capitalize; }\n\n  &:hover {\n    opacity: 1;\n    text-decoration: none;\n  }\n}\n\n.posts-list {\n  list-style: none;\n  padding-left: 0;\n\n  h3 {\n    margin-top: 0;\n  }\n\n  li small {\n    color: #999;\n    font-size: 75%;\n    white-space: nowrap;\n  }\n\n  li a:hover {\n    color: $link-color;\n    text-decoration: none;\n  }\n\n  li a:hover small {\n    color: inherit;\n  }\n}\n\narticle + *,\n.post-body ~ section {\n  border-top: 1px solid $border-color;\n  margin-top: $section-spacing;\n  padding-top: $section-spacing;\n\n  > h2:first-child,\n  > h3:first-child {\n    margin-top: 0;\n  }\n}\n\n// Meta data line below post title\n.post-meta {\n  color: $body-muted;\n  margin-bottom: 1rem;\n  margin-top: -0.5rem;\n}\n\n.post,\n.page {\n  .content li + li {\n    margin-top: 0.25rem;\n  }\n}\n\nbutton.disqus-load {\n  margin-top: 1em;\n}\n","/*\n  Pagination\n\n  Super lightweight (HTML-wise) blog pagination. Should only be visible\n  when there is navigation available -- single buttons at top or bottom\n  of each page.\n*/\n\n.pagination {\n  color: $gray-3;\n  margin-bottom: $section-spacing;\n  text-align: center;\n\n  > a {\n    background: $body-bg;\n    border: solid $border-color;\n    border-radius: $border-radius;\n    border-width: 1px;\n    box-shadow: $default-box-shadow;\n    display: inline-block;\n    max-width: $sidebar-width;\n    padding: $padding-v $padding-h;\n    width: 60%;\n  }\n\n  > a:hover {\n    background-color: $border-color;\n  }\n}\n\n// Bottom -> margin-top;\n* + .pagination {\n  margin-top: $section-spacing;\n}\n\n// Push above header if newer on mobile\n.content .pagination:first-child {\n  margin-top: -$section-spacing * 2;\n}\n\n// Make room for larger header by extending margin below title\n.index #sidebar {\n  padding-bottom: calc(#{$section-spacing} + #{$padding-v});\n}\n\n// But not on page1\n.home.index #sidebar {\n  padding-bottom: $section-spacing;\n}\n\n// Undo for larger screens\n@media (min-width: $large-breakpoint) {\n  .pagination > a {\n    box-shadow: none;\n\n    &:hover { box-shadow: $default-box-shadow; }\n  }\n\n  .content .pagination:first-child {\n    margin-top: 0;\n\n    + * {\n      border-top: 1px solid $border-color;\n      margin-top: $section-spacing;\n      padding-top: $section-spacing;\n    }\n  }\n\n  .index #sidebar {\n    padding-bottom: $section-spacing;\n  }\n}\n","// Messages\n//\n// Show alert messages to users. You may add it to single elements like a `<p>`,\n// or to a parent if there are multiple elements to show.\n\n.message {\n  background-color: $gray-1;\n  color: $gray-4;\n  margin-bottom: 1rem;\n  padding: 1rem;\n}\n\n.warning {\n  background-color: $yellow;\n  font-size: 1rem;\n  border: 2px solid $gray-4;\n  background-image: linear-gradient(to bottom, lighten($yellow, 7%), darken($yellow, 7%));\n  padding: 1.5% 2% 2%;\n  color: $gray-4;\n}\n\n.icon-warning {\n  position:relative;\n  fill: $gray-4;\n  width: 25px;\n  height: 25px;\n  top: 5px;\n  margin-right: 10px;\n}",".search-row {\n  border: 1px solid $border-color;\n  border-radius: $border-radius;\n  display: flex;\n  padding: 2px;\n\n  input {\n    border: 0;\n  }\n\n  input + input { margin-left: 2px; }\n\n  input[type='text'],\n  input[type='search'] {\n    flex-grow: 1;\n  }\n}\n",".tags-list a {\n  margin-right: 0.5em;\n  opacity: 0.75;\n  white-space: nowrap;\n}\n\n.tags-list a .tag-count {\n  background: $link-color;\n  border-radius: 1000px;\n  color: rgba(255, 255, 255, 0.8);\n  font-size: 0.75em;\n  margin-left: 0.25em;\n  padding-left: 0.6em;\n  padding-right: 0.6em;\n}\n\n.tags-list a:hover {\n  opacity: 1;\n  text-decoration: none;\n}\n\n@keyframes posts-for-tag-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n// Display only if targeted\n.posts-for-tag {\n  display: none;\n\n  &:target {\n    animation: posts-for-tag-fade-in 0.6s ease-in-out;\n    display: block;\n  }\n}\n",".back-link {\n    font-size: 80%;\n    a {\n        color: currentColor;\n\t svg {\n            fill: currentColor;\n        }\n    }\n}\n\n"],"file":"main.css"}