/**
 * BUILT FILE DO NOT EDIT
 * src: https://github.com/minimalmonkey/minimalmonkey.github.io/tree/master/_src/scss
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

a:active,
a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
body {
  height: 100%; }

html {
  box-sizing: border-box; }
  html:after {
    display: none;
    content: '{"stacked":{"from":"0","to":"569"},"horizontal":{"from":"570","to":"Infinity"}}'; }

*, *:before, *:after {
  box-sizing: inherit;
  transition-timing-function: ease-out;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

::-moz-selection {
  color: white;
  background: #72616e; }

::selection {
  color: white;
  background: #72616e; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0; }
  body.is-muted {
    overflow: hidden;
    width: 100%;
    height: 100%; }
    body.is-muted:after {
      position: fixed;
      z-index: 100;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: ""; }
  body.is-darktheme {
    background-color: #222; }
  body.is-header {
    overflow: hidden; }
  @media (min-width: 570px) {
    body.is-panels.is-intro:after, body.is-panels.is-introtransition:after {
      display: block;
      position: fixed;
      z-index: 1;
      left: 50%;
      top: 50%;
      margin: -85px 0 0 -85px;
      color: #eee;
      font-family: 'icons';
      font-size: 170px;
      content: "M"; }
    body.is-post {
      transition: background 0.3s; } }

a:focus {
  outline: none; }

.centered {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }

.floatright {
  float: right;
  text-align: right; }

@font-face {
  font-family: 'icons';
  src: url("/assets/fonts/icons.eot");
  src: url("/assets/fonts/icons.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/icons.woff") format("woff"), url("/assets/fonts/icons.ttf") format("truetype"), url("/assets/fonts/icons.svg#icons") format("svg");
  font-style: normal;
  font-weight: normal; }
@-webkit-keyframes birdflyin-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -144px; } }
@keyframes birdflyin-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -144px; } }
@-webkit-keyframes birdflyout-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -144px; } }
@keyframes birdflyout-animation {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -144px; } }
@-webkit-keyframes bounce-animation {
  45% {
    -webkit-transform: scaleY(0.75);
            transform: scaleY(0.75); }
  55% {
    -webkit-transform: scaleY(0.75);
            transform: scaleY(0.75); }
  75% {
    -webkit-transform: scaleY(1.1) translateY(-10px);
            transform: scaleY(1.1) translateY(-10px); } }
@keyframes bounce-animation {
  45% {
    -webkit-transform: scaleY(0.75);
            transform: scaleY(0.75); }
  55% {
    -webkit-transform: scaleY(0.75);
            transform: scaleY(0.75); }
  75% {
    -webkit-transform: scaleY(1.1) translateY(-10px);
            transform: scaleY(1.1) translateY(-10px); } }
@-webkit-keyframes spin-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
.post pre,
.post code {
  overflow: scroll;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 15px;
  line-height: 1.5;
  background-color: #fcfcfc; }

.post .highlight pre,
.post .highlight code {
  padding: 8px 12px; }

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

.hll {
  background-color: #ffffcc; }

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

/* Comment */
.err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.k {
  color: #000000;
  font-weight: bold; }

/* Keyword */
.o {
  color: #000000;
  font-weight: bold; }

/* Operator */
.cm {
  color: #999988;
  font-style: italic; }

/* Comment.Multiline */
.cp {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Preproc */
.c1 {
  color: #999988;
  font-style: italic; }

/* Comment.Single */
.cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.gd {
  color: #000000;
  background-color: #ffdddd; }

/* Generic.Deleted */
.ge {
  color: #000000;
  font-style: italic; }

/* Generic.Emph */
.gr {
  color: #aa0000; }

/* Generic.Error */
.gh {
  color: #999999; }

/* Generic.Heading */
.gi {
  color: #000000;
  background-color: #ddffdd; }

/* Generic.Inserted */
.go {
  color: #888888; }

/* Generic.Output */
.gp {
  color: #555555; }

/* Generic.Prompt */
.gs {
  font-weight: bold; }

/* Generic.Strong */
.gu {
  color: #aaaaaa; }

/* Generic.Subheading */
.gt {
  color: #aa0000; }

/* Generic.Traceback */
.kc {
  color: #000000;
  font-weight: bold; }

/* Keyword.Constant */
.kd {
  color: #000000;
  font-weight: bold; }

/* Keyword.Declaration */
.kn {
  color: #000000;
  font-weight: bold; }

/* Keyword.Namespace */
.kp {
  color: #000000;
  font-weight: bold; }

/* Keyword.Pseudo */
.kr {
  color: #000000;
  font-weight: bold; }

/* Keyword.Reserved */
.kt {
  color: #445588;
  font-weight: bold; }

/* Keyword.Type */
.m {
  color: #009999; }

/* Literal.Number */
.s {
  color: #d01040; }

/* Literal.String */
.na {
  color: #008080; }

/* Name.Attribute */
.nb {
  color: #0086B3; }

/* Name.Builtin */
.nc {
  color: #445588;
  font-weight: bold; }

/* Name.Class */
.no {
  color: #008080; }

/* Name.Constant */
.nd {
  color: #3c5d5d;
  font-weight: bold; }

/* Name.Decorator */
.ni {
  color: #800080; }

/* Name.Entity */
.ne {
  color: #990000;
  font-weight: bold; }

/* Name.Exception */
.nf {
  color: #990000;
  font-weight: bold; }

/* Name.Function */
.nl {
  color: #990000;
  font-weight: bold; }

/* Name.Label */
.nn {
  color: #555555; }

/* Name.Namespace */
.nt {
  color: #000080; }

/* Name.Tag */
.nv {
  color: #008080; }

/* Name.Variable */
.ow {
  color: #000000;
  font-weight: bold; }

/* Operator.Word */
.w {
  color: #bbbbbb; }

/* Text.Whitespace */
.mf {
  color: #009999; }

/* Literal.Number.Float */
.mh {
  color: #009999; }

/* Literal.Number.Hex */
.mi {
  color: #009999; }

/* Literal.Number.Integer */
.mo {
  color: #009999; }

/* Literal.Number.Oct */
.sb {
  color: #d01040; }

/* Literal.String.Backtick */
.sc {
  color: #d01040; }

/* Literal.String.Char */
.sd {
  color: #d01040; }

/* Literal.String.Doc */
.s2 {
  color: #d01040; }

/* Literal.String.Double */
.se {
  color: #d01040; }

/* Literal.String.Escape */
.sh {
  color: #d01040; }

/* Literal.String.Heredoc */
.si {
  color: #d01040; }

/* Literal.String.Interpol */
.sx {
  color: #d01040; }

/* Literal.String.Other */
.sr {
  color: #009926; }

/* Literal.String.Regex */
.s1 {
  color: #d01040; }

/* Literal.String.Single */
.ss {
  color: #990073; }

/* Literal.String.Symbol */
.bp {
  color: #999999; }

/* Name.Builtin.Pseudo */
.vc {
  color: #008080; }

/* Name.Variable.Class */
.vg {
  color: #008080; }

/* Name.Variable.Global */
.vi {
  color: #008080; }

/* Name.Variable.Instance */
.il {
  color: #009999; }

/* Literal.Number.Integer.Long */
.siteheader {
  position: fixed;
  top: 0;
  z-index: 11;
  overflow: hidden;
  width: 100%;
  height: 298px;
  margin-top: 52px;
  font-size: 8px;
  text-align: center;
  background-color: #f3f3f3;
  -webkit-transform: translate3d(0, -298px, 0);
          transform: translate3d(0, -298px, 0);
  transition: background-color 0.4s, -webkit-transform 0.4s;
  transition: background-color 0.4s, transform 0.4s; }
  .is-intro .siteheader, .is-introtransition .siteheader {
    display: none; }
  .is-headeropen .siteheader {
    background-color: #fcfcfc;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .is-darktheme .siteheader {
    background-color: #111; }
  .is-header.is-darktheme .siteheader {
    background-color: #000; }
  @media (min-width: 570px) {
    .siteheader {
      font-size: 10px; } }

.siteheader-headline {
  margin: 0.8em 0 0.7em;
  color: #e54b4b;
  font-size: 3.6em;
  -webkit-transform: translateY(298px);
          transform: translateY(298px);
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s; }
  .is-headeropen .siteheader-headline {
    -webkit-transform: translateY(0);
            transform: translateY(0); }

.siteheader-page {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 0;
  max-width: 700px;
  padding: 0 1em;
  margin: 0 auto;
  opacity: 0;
  font-size: 1.8em;
  line-height: 1.4;
  color: #696969;
  -webkit-transform: translateY(298px);
          transform: translateY(298px);
  transition: width 0s linear 0.3s, opacity 0s linear 0.4s, -webkit-transform 0.4s;
  transition: width 0s linear 0.3s, opacity 0s linear 0.4s, transform 0.4s; }
  .siteheader-page p {
    margin: 0.8em 0 1.4em; }
  .siteheader-page.is-visible {
    width: 100%;
    opacity: 1; }
  .is-headeropen .siteheader-page {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .is-header .siteheader-page {
    transition: width 0s linear 0.3s, opacity 0.3s, -webkit-transform 0.4s;
    transition: width 0s linear 0.3s, opacity 0.3s, transform 0.4s; }
    .is-header .siteheader-page.is-visible {
      transition: width 0s linear 0s, opacity 0.3s, -webkit-transform 0.4s;
      transition: width 0s linear 0s, opacity 0.3s, transform 0.4s; }
  .is-darktheme .siteheader-page {
    color: #cfcfcf; }
  @media (min-width: 700px) {
    .siteheader-page {
      left: 50%;
      margin-left: -350px; } }

.siteheader-close {
  display: block;
  position: fixed;
  z-index: 10;
  top: 52px;
  bottom: 0;
  left: 0;
  width: 0;
  background: #000;
  opacity: 0;
  transition: width 0s linear 0.5s, opacity 0.5s; }
  .is-headeropen .siteheader-close {
    width: 100%;
    opacity: 0.6;
    transition: width 0s, opacity 0.5s; }
    .is-headeropen .siteheader-close:hover {
      opacity: 0.4; }

.sitenav {
  position: fixed;
  z-index: 12;
  overflow: hidden;
  width: 100%;
  height: 52px;
  font-size: 12px;
  font-weight: 600;
  background-color: #f3f3f3;
  transition: background-color 0.4s; }
  .is-introtransition .sitenav {
    transition: -webkit-transform 0.4s ease-in-out 0.1s;
    transition: transform 0.4s ease-in-out 0.1s; }
  .is-headeropen .sitenav {
    background-color: #fcfcfc; }
  .is-darktheme .sitenav {
    background-color: #111; }
  .is-header.is-darktheme .sitenav {
    background-color: #000; }
  @media (min-width: 570px) {
    .js .is-intro .sitenav {
      -webkit-transform: translate3d(0, -100%, 0);
              transform: translate3d(0, -100%, 0); }
    .js .is-intro.is-header .sitenav {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); } }

.sitenav-section {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 50%;
  height: 52px;
  padding: 18px 37px 0 0;
  margin: 0;
  vertical-align: top; }

.sitenav-leftsection {
  text-align: right; }

.sitenav-rightsection {
  padding-left: 37px;
  padding-right: 0;
  text-align: left; }

.pagecontent {
  position: relative;
  z-index: 2;
  min-height: 100%;
  padding-top: 52px; }

.pagecontent-item {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s; }
  .is-headeropen .pagecontent-item {
    -webkit-transform: translate3d(0, 298px, 0);
            transform: translate3d(0, 298px, 0); }

.post {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  color: #2d2d2d;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 50% 0;
          transform-origin: 50% 0;
  transition: opacity 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.4s, transform 0.4s; }
  .is-introtransition .post {
    transition: opacity 0.35s ease-in-out 0.1s, -webkit-transform 0.35s ease-in-out 0.1s;
    transition: opacity 0.35s ease-in-out 0.1s, transform 0.35s ease-in-out 0.1s; }
  .post.is-hidden {
    display: none; }
    .is-transition-topostfrompanels .post.is-hidden, .is-transition-topanelsfrompost .post.is-hidden {
      display: block;
      opacity: 0;
      -webkit-transform: translate3d(0, 200px, 0);
              transform: translate3d(0, 200px, 0); }
  .is-slideoff .post {
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .is-slideoff.is-notransitions .post {
    transition: none; }
  .is-slideoff-left .post {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  .is-slideoff-right .post {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  .post:before, .post:after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 5px solid rgba(0, 0, 0, 0.09); }
  .post:before {
    left: -5px; }
  .post:after {
    right: -5px; }
  @media (min-width: 980px) {
    .post:before, .post:after {
      content: ''; } }
  @media (min-width: 570px) {
    .js .is-intro .post {
      opacity: 0;
      -webkit-transform: translateY(200px);
              transform: translateY(200px); } }

.postheader {
  padding: 28px 4% 5px;
  text-align: center; }
  .postheader h1 {
    max-width: 640px;
    margin: 8px auto 0;
    font-size: 40px; }
  @media (min-width: 660px) {
    .postheader {
      padding: 28px 0 5px; } }

.postheader-meta {
  padding: 0 2px;
  margin: 3px 0 0;
  color: #c8c8c8; }

.post-content {
  max-width: 640px;
  padding: 9px 3% 15px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5; }
  .post-content p {
    margin: 25px 0; }
  .post-content img {
    max-width: 100%; }
  .post-content a {
    color: #16528e;
    text-decoration: none; }
  @media (min-width: 660px) {
    .post-content {
      padding: 9px 0 15px; } }

.postfooter {
  max-width: 640px;
  padding: 9px 3% 35px;
  margin: 0 auto; }
  @media (min-width: 660px) {
    .postfooter {
      padding: 0 0 65px; } }

.postfooter-date {
  font-weight: 600;
  line-height: 35px; }

.postcomments {
  margin-top: 50px; }

.panels {
  display: block;
  position: relative;
  z-index: 2;
  bottom: 0;
  overflow: hidden;
  width: auto;
  min-width: 100%;
  min-height: 460px; }
  .panels.is-hidden {
    display: none; }
  .panels.is-fadeout {
    opacity: 0; }
  .is-transition-fade .panels {
    transition: opacity 0.4s; }
  @media (min-width: 570px) {
    .panels {
      display: flex;
      position: absolute;
      top: 52px; } }

.panel {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: white;
  text-decoration: none;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out; }
  .panel:before, .panel:after {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: 0;
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
            transform: scaleX(1) translate3d(0, 0, 0);
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; }
    .is-hovered .panel:before, .is-hovered .panel:after {
      opacity: 1; }
  .panel:before {
    left: 0;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  .panel:after {
    right: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
  @media (min-width: 570px) {
    .panel {
      overflow: visible;
      width: 320px; }
      .panel.is-expanded:before, .panel.is-expanded:after {
        opacity: 0;
        -webkit-transform: scaleX(1.15625) translate3d(0, 0, 0);
                transform: scaleX(1.15625) translate3d(0, 0, 0); }
      .panel.is-shrunk-left:after {
        -webkit-transform: scaleX(0.84375) translate3d(0, 0, 0);
                transform: scaleX(0.84375) translate3d(0, 0, 0); }
      .is-transition-topostfrompanels .panel.is-shrunk-left {
        width: 295px;
        margin-right: 25px; }
        .is-transition-topostfrompanels .panel.is-shrunk-left:after {
          -webkit-transform: scaleX(1) translate3d(0, 0, 0);
                  transform: scaleX(1) translate3d(0, 0, 0);
          transition: none; }
      .panel.is-shrunk-right:before {
        -webkit-transform: scaleX(0.84375) translate3d(0, 0, 0);
                transform: scaleX(0.84375) translate3d(0, 0, 0); }
      .is-transition-topostfrompanels .panel.is-shrunk-right {
        width: 295px;
        margin-left: 25px; }
        .is-transition-topostfrompanels .panel.is-shrunk-right:before {
          -webkit-transform: scaleX(1) translate3d(0, 0, 0);
                  transform: scaleX(1) translate3d(0, 0, 0);
          transition: none; }
      .is-introtransition .panel, .is-transition-panelsbelow .panel {
        transition: -webkit-transform 0.5s ease-in-out 0.1s;
        transition: transform 0.5s ease-in-out 0.1s; }
        .is-introtransition .panel:nth-child(2), .is-transition-panelsbelow .panel:nth-child(2) {
          transition-delay: 0.2s; }
        .is-introtransition .panel:nth-child(3), .is-transition-panelsbelow .panel:nth-child(3) {
          transition-delay: 0.25s; }
        .is-introtransition .panel:nth-child(4), .is-transition-panelsbelow .panel:nth-child(4) {
          transition-delay: 0.3s; }
        .is-introtransition .panel:nth-child(5), .is-transition-panelsbelow .panel:nth-child(5) {
          transition-delay: 0.35s; }
        .is-introtransition .panel:nth-child(6), .is-transition-panelsbelow .panel:nth-child(6) {
          transition-delay: 0.4s; }
        .is-introtransition .panel:nth-child(7), .is-transition-panelsbelow .panel:nth-child(7) {
          transition-delay: 0.45s; }
        .is-introtransition .panel:nth-child(8), .is-transition-panelsbelow .panel:nth-child(8) {
          transition-delay: 0.5s; }
        .is-introtransition .panel:nth-child(9), .is-transition-panelsbelow .panel:nth-child(9) {
          transition-delay: 0.55s; }
        .is-introtransition .panel:nth-child(10), .is-transition-panelsbelow .panel:nth-child(10) {
          transition-delay: 0.6s; }
      .js .is-intro.is-panels .panel, .is-hidebelow .panel {
        -webkit-transform: translateY(100%);
                transform: translateY(100%); }
      .is-transition-topostfrompanels .panel {
        transition: -webkit-transform 0.35s ease-out;
        transition: transform 0.35s ease-out;
        transition-delay: 0s; }
      .is-transition-topanelsfrompost .panel {
        transition: none; }
      .panel:before, .panel:after {
        content: ""; } }

.panel-content {
  display: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 32px 30px 72px;
  font-size: 9px;
  background-color: inherit;
  transition: opacity 0.3s; }
  .panel-content:before, .panel-content:after {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    width: 50%;
    background-color: inherit;
    -webkit-transform: scaleX(1) translate3d(0, 0, 0);
            transform: scaleX(1) translate3d(0, 0, 0);
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s; }
    .is-expanded .panel-content:before, .is-expanded .panel-content:after {
      -webkit-transform: scaleX(1.15625) translate3d(0, 0, 0);
              transform: scaleX(1.15625) translate3d(0, 0, 0); }
  .panel-content:before {
    left: 0;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0; }
    .is-shrunk-right .panel-content:before {
      -webkit-transform: scaleX(0.84375) translate3d(0, 0, 0);
              transform: scaleX(0.84375) translate3d(0, 0, 0); }
  .panel-content:after {
    right: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
    .is-shrunk-left .panel-content:after {
      -webkit-transform: scaleX(0.84375) translate3d(0, 0, 0);
              transform: scaleX(0.84375) translate3d(0, 0, 0); }
  .no-touch .panel-content {
    padding-bottom: 100px; }
    @media (min-width: 570px) {
      .no-touch .panel-content {
        padding-bottom: 0; } }
  @media (min-width: 570px) {
    .panel-content {
      padding: 47px 40px 0;
      font-size: 10px; }
      .panel-content:before, .panel-content:after {
        content: ""; }
      .is-transition-topostfrompanels .is-expanded .panel-content {
        opacity: 0; }
      .is-transition-topanelsfrompost .is-transition-panel .panel-content {
        opacity: 0;
        transition: none; }
      .is-transition-topostfrompanels .is-shrunk-left .panel-content {
        padding-right: 15px; }
      .is-transition-topostfrompanels .is-shrunk-right .panel-content {
        padding-left: 15px; } }

.panel-date {
  position: relative;
  z-index: 2;
  padding: 0 2px;
  font-weight: 600;
  text-transform: uppercase; }

.panel-headline {
  position: relative;
  z-index: 2;
  margin: 0 0 25px;
  font-size: 4.5em;
  line-height: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.panel-summary {
  position: relative;
  z-index: 2;
  font-size: 1.5em;
  line-height: 1.55; }
  @media (min-width: 570px) {
    .panel-summary {
      opacity: 0.5;
      transition: opacity 0.35s; }
      .is-expanded .panel-summary {
        opacity: 1; } }

.panel-read {
  position: absolute;
  z-index: 2;
  bottom: 81px;
  left: 0;
  width: 100%; }
  .panel-read:before, .panel-read:after {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 50%;
    height: 81px;
    background-color: rgba(0, 0, 0, 0.23);
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s; }
    .is-expanded .panel-read:before, .is-expanded .panel-read:after {
      -webkit-transform: scaleX(1.15625) translate3d(0, 0, 0);
              transform: scaleX(1.15625) translate3d(0, 0, 0); }
  .panel-read:before {
    left: 0;
    -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0; }
  .panel-read:after {
    left: 50%;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0; }
  .no-touch .panel-read:before, .no-touch .panel-read:after {
    content: ""; }
  @media (min-width: 570px) {
    .is-shrunk-right .panel-read:before {
      -webkit-transform: scaleX(0.84375) translate3d(0, 100%, 0);
              transform: scaleX(0.84375) translate3d(0, 100%, 0); }
    .is-shrunk-left .panel-read:after {
      -webkit-transform: scaleX(0.84375) translate3d(0, 100%, 0);
              transform: scaleX(0.84375) translate3d(0, 100%, 0); } }

.panel-read-text {
  position: absolute;
  z-index: 2;
  top: 34px;
  left: 30px;
  width: 100%;
  padding-left: 24px; }
  .panel-read-text:before {
    position: absolute;
    top: -2px;
    left: 0;
    font-family: 'icons';
    font-size: 17px;
    text-transform: none;
    content: "v"; }
  @media (min-width: 570px) {
    .panel-read-text {
      left: 40px; } }

.lab {
  margin-top: -52px; }
  .lab.is-hidden {
    display: none; }
    .is-panels.is-transition-panelsbelow .lab.is-hidden {
      display: block; }
  .lab canvas {
    display: block;
    background-color: #222; }

.error404 {
  position: absolute;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 0; }
  .error404.is-hidden {
    display: none; }
    .is-transition-panelsbelow .error404.is-hidden {
      display: block;
      opacity: 0;
      transition: opacity 0.35s; }

.error404-header {
  position: absolute;
  top: 47%;
  left: 50%;
  margin: 0;
  color: #eee;
  font-size: 130px;
  font-weight: 200;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }

.slidelink {
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-decoration: none; }

.slidelink-label {
  display: block;
  position: relative;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  vertical-align: middle; }
  .is-selected .slidelink-label {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  .no-touch .slidelink:hover .slidelink-label {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0); }
  .slidelink-label:after {
    position: absolute;
    top: -100%;
    right: 0;
    left: 0;
    content: attr(data-label); }

.iconlink {
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  padding: 0.5em;
  border-radius: 2em;
  color: #fff;
  font-family: 'icons';
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  background: #888;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .iconlink:before, .iconlink:after {
    position: absolute; }
  .iconlink:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2em;
    background: #fff;
    content: "";
    -webkit-transform: scale(0) translate3d(0, 0, 0);
            transform: scale(0) translate3d(0, 0, 0);
    -webkit-transform-origin: 50%;
            transform-origin: 50%;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s; }
  .iconlink:after {
    right: 0;
    left: 0;
    font-size: 1.2em;
    content: attr(data-label);
    transition: color 0.5s; }
  .iconlink:hover {
    background: #fff;
    transition: background 0s linear 0.5s; }
    .iconlink:hover:after {
      color: #888; }
    .iconlink:hover:before {
      -webkit-transform: scale(1) translate3d(0, 0, 0);
              transform: scale(1) translate3d(0, 0, 0); }

.smalltext {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase; }

.contactlinks {
  font-size: 3.6em; }

.contactlinks-link {
  width: 1em;
  height: 1em;
  margin: 0.14em 0.154em 0;
  margin: 0.13889em 0.15556em 0;
  border: 2px solid #cfcfcf;
  border-radius: 1em;
  font-family: 'icons';
  line-height: 1em;
  color: #cfcfcf;
  vertical-align: top;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: border 0.35s; }

.contactlinks-twitter {
  line-height: 0.99em;
  padding-left: 0.01em; }
  .no-touch .contactlinks-twitter:hover {
    border: 2px solid #32abdf; }

.contactlinks-linkedin {
  padding-left: 0.03em;
  line-height: 0.9em; }
  .no-touch .contactlinks-linkedin:hover {
    border: 2px solid #1875b2; }

.contactlinks-email {
  padding-right: 0.04em;
  line-height: 0.9em; }
  .no-touch .contactlinks-email:hover {
    border: 2px solid #e24e4b; }

.contactlinks-codepen {
  line-height: 0.92em; }
  .no-touch .contactlinks-codepen:hover {
    border: 2px solid #72616e; }

.contactlinks-label {
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s; }
  .contactlinks-twitter .contactlinks-label {
    font-size: 0.44444em; }
    .contactlinks-twitter .contactlinks-label:after {
      color: #32abdf; }
  .contactlinks-linkedin .contactlinks-label {
    font-size: 0.52778em; }
    .contactlinks-linkedin .contactlinks-label:after {
      color: #1875b2; }
  .contactlinks-email .contactlinks-label {
    font-size: 0.52778em; }
    .contactlinks-email .contactlinks-label:after {
      color: #e24e4b; }
  .contactlinks-codepen .contactlinks-label {
    font-size: 0.56944em; }
    .contactlinks-codepen .contactlinks-label:after {
      color: #72616e; }

.follow-link {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: auto;
  height: 36px;
  padding: 8px 16px 8px 0;
  margin-top: 8px;
  margin-left: -50px;
  text-align: left;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }
  .follow-link .sitenavlink {
    height: 22px !important; }
  .no-js .follow-link {
    padding-top: 11px;
    font-weight: 600;
    letter-spacing: 1px; }
  .follow-link:before {
    position: absolute;
    top: 0;
    left: -44px;
    width: 44px;
    height: 36px;
    background-image: url("/assets/images/larry.svg");
    background-repeat: no-repeat;
    background-size: 36px;
    -webkit-animation-name: birdflyin-animation;
            animation-name: birdflyin-animation;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-timing-function: steps(4);
            animation-timing-function: steps(4);
    -webkit-animation-delay: 0;
            animation-delay: 0;
    -webkit-animation-iteration-count: 6;
            animation-iteration-count: 6;
    content: ''; }
  .follow-link:hover, .follow-link.birdfly {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .follow-link:hover:before, .follow-link.birdfly:before {
      -webkit-animation-name: birdflyout-animation;
              animation-name: birdflyout-animation;
      -webkit-animation-duration: 0.2s;
              animation-duration: 0.2s;
      -webkit-animation-timing-function: steps(4);
              animation-timing-function: steps(4);
      -webkit-animation-delay: 0;
              animation-delay: 0;
      -webkit-animation-iteration-count: 8;
              animation-iteration-count: 8; }
  @media (min-width: 570px) {
    .follow-link {
      display: block; } }

.twitter-follow-link {
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  width: 52px;
  height: 52px; }

.sharelinks {
  display: block;
  margin-top: 20px; }
  .no-js .sharelinks {
    display: none; }
  @media (min-width: 570px) {
    .sharelinks {
      float: right;
      width: auto;
      margin-top: 0; } }

.sharelink {
  display: inline-block;
  position: relative;
  width: 2em;
  height: 2em;
  margin-left: 0.1em;
  border-radius: 2em;
  color: #fff;
  font-family: 'icons';
  font-size: 17px;
  vertical-align: middle;
  line-height: 2em;
  text-align: center;
  text-decoration: none;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: background 0.3s; }

.sharelink-label {
  font-size: 1.15em;
  vertical-align: baseline; }

.sharelink-twitter {
  background-color: #32abdf; }
  .sharelink-twitter:hover {
    background-color: #2098cb; }

.sharelink-facebook {
  background-color: #3b5998; }
  .sharelink-facebook:hover {
    background-color: #30497c; }

.sharelink-pinterest {
  background-color: #c92228; }
  .sharelink-pinterest:hover {
    background-color: #a81c21; }

.sitenavlink {
  color: #898989;
  text-decoration: none; }

.headernavlink {
  padding-left: 2px;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
  letter-spacing: 2px; }
  .headernavlink.is-selected {
    border-bottom: 1px solid #16528e;
    transition: border-bottom 0.3s; }
    .is-darktheme .headernavlink.is-selected {
      border-bottom: 1px solid white; }

.headernavlink-label:after {
  color: #16528e; }
  .is-darktheme .headernavlink-label:after {
    color: white; }

.headernavlink-logo {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
  width: 24px;
  height: 24px;
  margin: 13px 0 0 -12px;
  color: #000;
  font-family: 'icons';
  font-size: 25px;
  text-decoration: none;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  transition: background-color 0.4s; }
  .is-darktheme .headernavlink-logo {
    color: #fff; }
  .headernavlink-logo:hover, .headernavlink-logo.bounce-animation {
    -webkit-animation: bounce-animation 0.5s 1;
            animation: bounce-animation 0.5s 1;
    -webkit-transform: none;
            transform: none; }
  .headernavlink-logo:after {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 10px;
    background: transparent;
    content: 'm'; }

.bugreport {
  display: none;
  position: absolute;
  z-index: 2;
  padding: 18px 0 18px 16px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }
  .bugreport:hover {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  @media (min-width: 570px) {
    .bugreport {
      display: block; } }

.bugreport-link:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 30px;
  content: ''; }
.bugreport-link:after {
  position: absolute;
  margin-top: 1px;
  margin-left: 12px;
  color: #bfbfbf;
  font-family: 'icons';
  font-size: 15px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  content: "b"; }

.postcommentslink {
  display: block;
  position: relative;
  height: 60px;
  margin-top: 50px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 52px;
  text-align: center;
  cursor: pointer;
  transition: height 0s linear 0.3s, margin-top 0s linear 0.3s, opacity 0.3s; }
  .postcommentslink:before, .postcommentslink:after {
    position: absolute;
    content: ""; }
  .postcommentslink:before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0.2); }
  .postcommentslink:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #000;
    transition: opacity 0.3s; }
  .postcommentslink:hover:after {
    opacity: 0.1; }
  .postcommentslink.is-hidden {
    height: 0;
    margin-top: 0;
    opacity: 0; }
  .no-js .postcommentslink {
    display: none; }

.postcommentslink-label {
  position: relative;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.post-nav {
  display: none;
  position: fixed;
  z-index: 2;
  width: 50px;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.23);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s; }
  .is-introtransition .post-nav {
    transition: -webkit-transform 0.3s ease-out 0.2s;
    transition: transform 0.3s ease-out 0.2s; }
  .post-nav:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    content: "";
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: background 0.3s, transform 0.3s; }
  .post-nav:after {
    position: absolute;
    top: 50%;
    left: -5px;
    width: 50px;
    height: 66px;
    margin-top: -7px;
    opacity: 0.75;
    color: white;
    font-family: 'icons';
    font-size: 60px;
    font-weight: 500;
    line-height: 66px;
    text-align: center;
    transition: opacity 0.3s; }
  .post-nav:hover:after {
    opacity: 1; }
  .is-disabled .post-nav {
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s; }
  @media (min-width: 1060px) {
    .post-nav {
      display: block; } }

.post-nav-next {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0); }
  .is-disabled .post-nav-next {
    -webkit-transform: translate3d(-100%, 298px, 0);
            transform: translate3d(-100%, 298px, 0); }
  .is-headeropen .post-nav-next {
    -webkit-transform: translate3d(-100%, 298px, 0);
            transform: translate3d(-100%, 298px, 0); }
  .post-nav-next:hover:before {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  .post-nav-next:after {
    content: "<";
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
  .js .is-intro .post-nav-next, .post-nav-next.is-hidden {
    -webkit-transform: translate3d(-200%, 0, 0);
            transform: translate3d(-200%, 0, 0); }
    .is-disabled .js .is-intro .post-nav-next, .is-disabled .post-nav-next.is-hidden {
      -webkit-transform: translate3d(-200%, 298px, 0);
              transform: translate3d(-200%, 298px, 0); }

.post-nav-previous {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0); }
  .is-disabled .post-nav-previous {
    -webkit-transform: translate3d(100%, 298px, 0);
            transform: translate3d(100%, 298px, 0); }
  .is-headeropen .post-nav-previous {
    -webkit-transform: translate3d(100%, 298px, 0);
            transform: translate3d(100%, 298px, 0); }
  .post-nav-previous:hover:before {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  .post-nav-previous:after {
    content: ">";
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  .js .is-intro .post-nav-previous, .post-nav-previous.is-hidden {
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0); }
    .is-disabled .js .is-intro .post-nav-previous, .is-disabled .post-nav-previous.is-hidden {
      -webkit-transform: translate3d(200%, 298px, 0);
              transform: translate3d(200%, 298px, 0); }

.post-nav-close {
  display: none;
  position: fixed;
  z-index: 9;
  top: 67px;
  right: 14px;
  width: 38px;
  height: 38px;
  color: #ccc;
  font-family: 'icons';
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 38px;
  -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
          transform: rotate(0deg) translate3d(0, 0, 0);
  transition: border 0.3s, color 0.3s, opacity 0.35s, -webkit-transform 0.4s;
  transition: border 0.3s, color 0.3s, opacity 0.35s, transform 0.4s; }
  .js .is-intro .post-nav-close {
    opacity: 0;
    -webkit-transform: translateY(200px);
            transform: translateY(200px); }
  .is-introtransition .post-nav-close {
    transition: opacity 0.35s ease-in-out 0.1s, -webkit-transform 0.35s ease-in-out 0.1s;
    transition: opacity 0.35s ease-in-out 0.1s, transform 0.35s ease-in-out 0.1s; }
  .is-headeropen .post-nav-close {
    -webkit-transform: translateY(298px);
            transform: translateY(298px); }
  .post-nav-close:hover {
    color: #afafaf;
    border: 1px solid #afafaf;
    -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
            transform: rotate(180deg) translate3d(0, 0, 0); }
  .post-nav-close.is-hidden {
    display: none; }
    .is-post .post-nav-close.is-hidden, .is-transition-topostfrompanels .post-nav-close.is-hidden, .is-transition-topanelsfrompost .post-nav-close.is-hidden {
      display: block;
      opacity: 0; }
    .is-transition-topanelsfrompost .post-nav-close.is-hidden {
      -webkit-transform: translateY(200px);
              transform: translateY(200px); }
    .is-slideoff .post-nav-close.is-hidden {
      transition: none; }
    .is-transition-topostfrompanels .post-nav-close.is-hidden {
      -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
              transform: rotate(-180deg) translate3d(0, 0, 0); }
  .is-disabled .post-nav-close {
    -webkit-transform: translate3d(0, 298px, 0);
            transform: translate3d(0, 298px, 0);
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s; }
  @media (min-width: 770px) {
    .post-nav-close {
      display: block; } }
  @media (min-width: 940px) {
    .post-nav-close {
      left: 50%;
      margin-left: 417px; } }

.panels-nav {
  display: block;
  position: relative;
  z-index: 11;
  overflow: hidden;
  width: 100%;
  height: 53px;
  font-family: 'icons';
  font-size: 55px;
  color: #b3b3b3;
  line-height: 1;
  background: white;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s; }
  .is-headeropen .panels-nav {
    -webkit-transform: translateY(298px);
            transform: translateY(298px); }
  .panels-nav:before, .panels-nav:after {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    width: 53px;
    height: 100%;
    margin-left: -27px;
    content: "\\";
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s; }
  .panels-nav:before {
    top: -100%;
    color: #999; }
  .panels-nav:hover:before, .panels-nav:hover:after {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  .panels-nav.is-loading:before {
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border-radius: 30px;
    border-top: 2px solid rgba(0, 0, 0, 0.2);
    border-right: 2px solid rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    border-left: 2px solid rgba(0, 0, 0, 0.4);
    content: "";
    -webkit-animation: spin-animation 0.7s infinite linear;
            animation: spin-animation 0.7s infinite linear; }
  .panels-nav.is-loading:after {
    display: none; }
    @media (min-width: 570px) {
      .panels-nav.is-loading:after {
        display: block; } }
  .panels-nav.is-loading:before, .panels-nav.is-loading:after {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%); }
  .js .panels-nav.is-hidden {
    display: none; }
  .no-js .is-header .panels-nav {
    display: none; }
  @media (min-width: 570px) {
    .panels-nav {
      position: fixed;
      width: 53px;
      right: 0;
      bottom: 0; }
      .panels-nav:before, .panels-nav:after {
        left: 0;
        margin-left: 0;
        content: "/"; }
      .panels-nav:before {
        top: 0;
        left: -100%; }
      .panels-nav:hover:before, .panels-nav:hover:after {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); }
      .js .panels-nav.is-hidden {
        display: block;
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }

.color-blue {
  background: #0082c8; }
  .color-blue ::-moz-selection {
    background: #0082c8; }
  .color-blue ::selection {
    background: #0082c8; }
  .color-blue .panels {
    background: #0082c8; }
  .color-blue #disqus_thread a {
    color: #0082c8; }

.color-green {
  background: #167c80; }
  .color-green ::-moz-selection {
    background: #167c80; }
  .color-green ::selection {
    background: #167c80; }
  .color-green .panels {
    background: #167c80; }
  .color-green #disqus_thread a {
    color: #167c80; }

.color-lime {
  background: #a2c5bf; }
  .color-lime ::-moz-selection {
    background: #a2c5bf; }
  .color-lime ::selection {
    background: #a2c5bf; }
  .color-lime .panels {
    background: #a2c5bf; }
  .color-lime #disqus_thread a {
    color: #a2c5bf; }

.color-navy {
  background: #16528e; }
  .color-navy ::-moz-selection {
    background: #16528e; }
  .color-navy ::selection {
    background: #16528e; }
  .color-navy .panels {
    background: #16528e; }
  .color-navy #disqus_thread a {
    color: #16528e; }

.color-orange {
  background: #e8846b; }
  .color-orange ::-moz-selection {
    background: #e8846b; }
  .color-orange ::selection {
    background: #e8846b; }
  .color-orange .panels {
    background: #e8846b; }
  .color-orange #disqus_thread a {
    color: #e8846b; }

.color-purple {
  background: #72616e; }
  .color-purple ::-moz-selection {
    background: #72616e; }
  .color-purple ::selection {
    background: #72616e; }
  .color-purple .panels {
    background: #72616e; }
  .color-purple #disqus_thread a {
    color: #72616e; }

.color-red {
  background: #e54b4b; }
  .color-red ::-moz-selection {
    background: #e54b4b; }
  .color-red ::selection {
    background: #e54b4b; }
  .color-red .panels {
    background: #e54b4b; }
  .color-red #disqus_thread a {
    color: #e54b4b; }

/*.temp-container {
	position: relative;
	width: 1em;
	height: 1em;
	margin: 50px;
	// border: 1px solid red;
	font-size: 60px;
}*/
.loaderspin {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.18em;
  height: 0.18em;
  margin-top: -0.09em;
  margin-left: -0.09em;
  border-radius: 0.18em;
  font-size: 60px;
  box-shadow: 0.28001em 0.28001em 0 0 rgba(153, 153, 153, 0.0875),0em 0.396em 0 0 rgba(153, 153, 153, 0.175),-0.28001em 0.28001em 0 0 rgba(153, 153, 153, 0.2625),-0.396em 0em 0 0 rgba(153, 153, 153, 0.35),-0.28001em -0.28001em 0 0 rgba(153, 153, 153, 0.4375),0.0em -0.396em 0 0 rgba(153, 153, 153, 0.525),0.28001em -0.28001em 0 0 rgba(153, 153, 153, 0.6125),0.396em 0.0em 0 0 rgba(153, 153, 153, 0.7);
  -webkit-animation-name: stepspin8-animation;
          animation-name: stepspin8-animation;
  -webkit-animation-duration: 5.6s;
          animation-duration: 5.6s;
  -webkit-animation-timing-function: steps(8);
          animation-timing-function: steps(8);
  -webkit-animation-delay: 0;
          animation-delay: 0;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes stepspin8-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  12.5% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  25% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg); }
  37.5% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); }
  50% {
    -webkit-transform: rotate(1440deg);
            transform: rotate(1440deg); }
  62.5% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg); }
  75% {
    -webkit-transform: rotate(2160deg);
            transform: rotate(2160deg); }
  87.5% {
    -webkit-transform: rotate(2520deg);
            transform: rotate(2520deg); }
  100% {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg); } }

@keyframes stepspin8-animation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  12.5% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  25% {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg); }
  37.5% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg); }
  50% {
    -webkit-transform: rotate(1440deg);
            transform: rotate(1440deg); }
  62.5% {
    -webkit-transform: rotate(1800deg);
            transform: rotate(1800deg); }
  75% {
    -webkit-transform: rotate(2160deg);
            transform: rotate(2160deg); }
  87.5% {
    -webkit-transform: rotate(2520deg);
            transform: rotate(2520deg); }
  100% {
    -webkit-transform: rotate(2880deg);
            transform: rotate(2880deg); } }