/* Palette */
/* Layout */
/* Mixins */
@font-face {
  font-family: 'KlavikaMedium';
  src: url("/fonts/klavika-medium-webfont.eot");
  src: url("/fonts/klavika-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/klavika-medium-webfont.woff") format("woff"), url("/fonts/klavika-medium-webfont.ttf") format("truetype"), url("/fonts/klavika-medium-webfont.svg#KlavikaMedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

.pure-g [class*="pure-u"] p, .pure-g [class*="pure-u"] ol, .pure-g [class*="pure-u"] ul, .pure-g [class*="pure-u"] blockquote, .pure-g [class*="pure-u"] pre, .pure-g [class*="pure-u"] code, .pure-g [class*="pure-u"] dl {
  font-size: 1.125rem; }

.pure-g [class*="pure-u"] h1, .pure-g [class*="pure-u"] h2, .pure-g [class*="pure-u"] h3, .pure-g [class*="pure-u"] h4, .pure-g [class*="pure-u"] h5, .pure-g [class*="pure-u"] h6 {
  font-family: KlavikaMedium, Helvetica, sans-serif;
  font-weight: normal; }

.pure-g [class*="pure-u"] h2 {
  font-size: 1.8em; }

.pure-g [class*="pure-u"] h3 {
  font-size: 1.4em; }

.pure-g [class*="pure-u"] h4 {
  font-size: 1.1em; }

p, li {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  line-height: 135%; }

#adminbar {
  background: white;
  margin: -0;
  padding: 0.5em;
  font-size: 80%;
  text-align: center;
  display: none;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); }
  #adminbar p {
    margin: 0;
    padding: 0; }
  #adminbar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline; }
  #adminbar li, #adminbar nav a {
    display: inline-block;
    margin: 0;
    padding: 0; }
  #adminbar .button {
    color: transparent;
    background: transparent url("/images/admin/icons.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    overflow: hidden;
    padding: 0;
    margin: 0px;
    display: inline-block; }
  #adminbar .workflows {
    float: left; }
  #adminbar .user.actions {
    float: right; }
  #adminbar form {
    margin: 0;
    display: inline-block;
    overflow: hidden; }
  #adminbar .button {
    border: none;
    overflow: hidden;
    cursor: pointer; }
  #adminbar a.posts {
    background-position: 0px 0px; }
  #adminbar a.photographs {
    background-position: -32px 0px; }
  #adminbar a.pages {
    background-position: -64px 0px; }
  #adminbar a.tags {
    background-position: -128px 0px; }
  #adminbar a.comments {
    background-position: -160px 0px; }
  #adminbar a.users {
    background-position: -192px 0px; }
  #adminbar a.admin {
    background-position: -224px 0px; }
  #adminbar a.new {
    background-position: -256px 0px; }
  #adminbar a.edit {
    background-position: -288px 0px; }
  #adminbar .delete {
    background-position: -320px 0px; }
  #adminbar a.new.post {
    background-position: 0px -32px; }
  #adminbar a.new.photo {
    background-position: -32px -32px; }
  #adminbar a.new.page {
    background-position: -64px -32px; }
  #adminbar a.new.user {
    background-position: -192px -32px; }
  #adminbar a.docs {
    background-position: -288px -32px; }
  #adminbar .exit {
    background-position: -320px -32px; }

code {
  background: #E8E6E3;
  padding-left: 0.2em;
  padding-right: 0.2em; }

pre {
  width: 100%;
  padding: 0.3em;
  word-wrap: initial;
  word-break: initial;
  clear: both;
  background: #242424;
  border-radius: 0.2em;
  display: block;
  color: #fff;
  font-family: Monospace, Inconsolata, Consolas, monospace;
  font-size: 90%;
  overflow-x: auto; }

pre code {
  width: 100%;
  padding: 0;
  background: none;
  /* Comment */
  /* Error */
  /* Generic */
  /* Keyword */
  /* Literal */
  /* Name */
  /* Operator */
  /* Other */
  /* Punctuation */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Error */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Date */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Other */
  /* Name.Property */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */ }
  pre code .hll {
    background-color: #ffffcc; }
  pre code .c {
    color: #586E75; }
  pre code .err {
    color: #d0d0d0; }
  pre code .g {
    color: #d0d0d0; }
  pre code .k {
    color: #4192E8;
    font-weight: bolder; }
  pre code .l {
    color: #d0d0d0; }
  pre code .n {
    color: white; }
  pre code .o {
    color: white; }
  pre code .x {
    color: #CB4B16; }
  pre code .p {
    color: #EF2929;
    font-weight: bolder; }
  pre code .cm {
    color: #C7C7C7; }
  pre code .cp {
    color: #C7C7C7; }
  pre code .c1 {
    color: #C7C7C7; }
  pre code .cs {
    color: #C7C7C7; }
  pre code .gd {
    color: #34E2E2; }
  pre code .ge {
    color: #d0d0d0;
    font-style: italic; }
  pre code .gr {
    color: #EF2929; }
  pre code .gh {
    color: #CB4B16; }
  pre code .gi {
    color: #8AE234; }
  pre code .go {
    color: #d0d0d0; }
  pre code .gp {
    color: #d0d0d0; }
  pre code .gs {
    color: #d0d0d0;
    font-weight: bold; }
  pre code .gu {
    color: #CB4B16; }
  pre code .gt {
    color: #d0d0d0; }
  pre code .kc {
    color: #CB4B16; }
  pre code .kd {
    color: #4192E8;
    font-weight: bold; }
  pre code .kn {
    color: #8AE234; }
  pre code .kp {
    color: #AD7FA8;
    font-weight: bolder; }
  pre code .kr {
    color: #4192E8; }
  pre code .kt {
    color: #EF2929; }
  pre code .ld {
    color: #d0d0d0; }
  pre code .m {
    color: #AD7FA8;
    font-weight: bolder; }
  pre code .s {
    color: #AD7FA8;
    font-weight: bolder; }
  pre code .na {
    color: #d0d0d0; }
  pre code .nb {
    color: #34E2E2;
    font-weight: bolder; }
  pre code .nc {
    color: #4192E8; }
  pre code .no {
    color: #8AE234;
    font-weight: bolder; }
  pre code .nd {
    color: #4192E8; }
  pre code .ni {
    color: #CB4B16; }
  pre code .ne {
    color: #CB4B16; }
  pre code .nf {
    color: #34E2E2;
    font-weight: bolder; }
  pre code .nl {
    color: #d0d0d0; }
  pre code .nn {
    color: #d0d0d0; }
  pre code .nx {
    color: #d0d0d0; }
  pre code .py {
    color: #d0d0d0; }
  pre code .nt {
    color: #4192E8; }
  pre code .nv {
    color: white; }
  pre code .ow {
    color: #8AE234; }
  pre code .w {
    color: #d0d0d0; }
  pre code .mf {
    color: #34E2E2; }
  pre code .mh {
    color: #34E2E2; }
  pre code .mi {
    color: #34E2E2; }
  pre code .mo {
    color: #34E2E2; }
  pre code .sb {
    color: #586E75; }
  pre code .sc {
    color: #34E2E2; }
  pre code .sd {
    color: #d0d0d0; }
  pre code .s2 {
    color: #EF2929; }
  pre code .se {
    color: #CB4B16; }
  pre code .sh {
    color: #d0d0d0; }
  pre code .si {
    color: #EF2929;
    font-weight: bolder; }
  pre code .sx {
    color: #34E2E2; }
  pre code .sr {
    color: #EF2929; }
  pre code .s1 {
    color: #34E2E2; }
  pre code .ss {
    color: #FCE94F;
    font-weight: bolder; }
  pre code .bp {
    color: #4192E8; }
  pre code .vc {
    color: #4192E8; }
  pre code .vg {
    color: #4192E8; }
  pre code .vi {
    color: #34E2E2;
    font-weight: bolder; }
  pre code .il {
    color: #34E2E2; }

.comment .sheet {
  min-height: 4rem; }

.comment.spam .sheet {
  background: #D6C9FF; }

.comment.spam .sheet:before, .comment.spam .sheet:after {
  border-left-color: #D6C9FF !important;
  border-right-color: #D6C9FF !important; }

.comment.deleted .sheet {
  background: #FFC9C9; }

.comment.deleted .sheet:before, .comment.deleted .sheet:after {
  border-left-color: #ffC9C9 !important;
  border-right-color: #ffC9C9 !important; }

.comment .body > *:first-child {
  margin-top: 0.5em; }

.comment .avatar img {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  z-index: -1;
  position: relative;
  width: 100%; }

#colophon {
  text-align: center;
  margin: 2em auto;
  color: #5F5C54;
  font-size: 90%; }

.pure-u-1-9, .pure-u-7-9, .pure-u-md-1-9, .pure-u-md-2-9, .pure-u-md-3-9, .pure-u-md-5-9, .pure-u-md-7-9, .pure-u-md-7-9, .pure-u-md-9-9 {
  display: inline-block;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto; }

.pure-u-1-9 {
  width: 11.1111%; }

.pure-u-7-9 {
  width: 77.7777%; }

@media screen and (min-width: 48em) {
  .pure-u-md-1-9 {
    width: 11.1111%; }
  .pure-u-md-2-9 {
    width: 22.2222%; }
  .pure-u-md-3-9 {
    width: 33.3333%; }
  .pure-u-md-5-9 {
    width: 55.5555%; }
  .pure-u-md-7-9 {
    width: 77.7777%; }
  .pure-u-md-9-9 {
    width: 100%; } }

header {
  max-width: 960px;
  margin: 4em auto 1em auto; }
  header nav {
    position: relative;
    height: 7em; }
    header nav .menu {
      display: none; }
    header nav ul {
      list-style-type: none;
      font-size: 2.2em;
      font-family: KlavikaMedium, Helvetica, sans-serif;
      font-weight: normal; }
    header nav li {
      display: block;
      position: absolute;
      background: #242424 url(/img/bg-dark.png);
      animation-timing-function: ease-out;
      animation-duration: 0.5s;
      animation-fill-mode: both; }
      header nav li.unfurled {
        display: block;
        animation-direction: normal; }
      header nav li.furled {
        display: block;
        animation-direction: reverse; }
    header nav a {
      color: #fff !important;
      text-decoration: none;
      position: absolute;
      width: 100%;
      height: 100%;
      display: block; }
      header nav a:hover, header nav a:focus {
        background: rgba(255, 255, 255, 0.1); }
      header nav a span {
        position: absolute; }
    header nav .logo {
      left: 1em;
      width: 6em;
      height: 3em;
      clip-path: polygon(0% 65%, 8% 89%, 81% 100%, 100% 44%, 62% 0%); }
      header nav .logo span {
        top: 1.15em;
        left: 2.1em; }
    header nav .about {
      left: 4.85em;
      top: -1.4em;
      width: 6em;
      height: 2.6em;
      clip-path: polygon(0% 47%, 40% 100%, 90% 90%, 100% 30%, 73% 0%, 5% 20%); }
      header nav .about.unfurled {
        animation-name: about-unfurl; }
      header nav .about.furled {
        animation-name: about-furl; }
      header nav .about span {
        top: 0.7em;
        left: 1.9em; }

@keyframes about-unfurl {
  0% {
    clip-path: polygon(0% 47%, 40% 100%, 40% 100%, 40% 100%, 0% 47%, 0% 47%); }
  40% {
    clip-path: polygon(0% 47%, 40% 100%, 40% 100%, 40% 100%, 0% 47%, 0% 47%); }
  90% {
    clip-path: polygon(0% 47%, 40% 100%, 90% 90%, 100% 30%, 73% 0%, 5% 20%); }
  100% {
    clip-path: polygon(0% 47%, 40% 100%, 90% 90%, 100% 30%, 73% 0%, 5% 20%); } }

@keyframes about-furl {
  0% {
    clip-path: polygon(0% 47%, 40% 100%, 40% 100%, 40% 100%, 0% 47%, 0% 47%); }
  40% {
    clip-path: polygon(0% 47%, 40% 100%, 40% 100%, 40% 100%, 0% 47%, 0% 47%); }
  90% {
    clip-path: polygon(0% 47%, 40% 100%, 90% 90%, 100% 30%, 73% 0%, 5% 20%); }
  100% {
    clip-path: polygon(0% 47%, 40% 100%, 90% 90%, 100% 30%, 73% 0%, 5% 20%); } }
    header nav .blog {
      left: 6.05em;
      top: 1.15em;
      width: 5em;
      height: 4em;
      clip-path: polygon(0% 50%, 11% 80%, 70% 100%, 100% 75%, 84% 0%, 24% 7%); }
      header nav .blog.unfurled {
        animation-name: blog-unfurl; }
      header nav .blog.furled {
        animation-name: blog-furl; }
      header nav .blog span {
        top: 1.3em;
        left: 1.6em; }

@keyframes blog-unfurl {
  0% {
    clip-path: polygon(0% 50%, 0% 50%, 0% 50%, 24% 7%, 24% 7%, 24% 7%); }
  20% {
    clip-path: polygon(0% 50%, 0% 50%, 0% 50%, 24% 7%, 24% 7%, 24% 7%); }
  70% {
    clip-path: polygon(0% 50%, 11% 80%, 70% 100%, 100% 75%, 84% 0%, 24% 7%); }
  100% {
    clip-path: polygon(0% 50%, 11% 80%, 70% 100%, 100% 75%, 84% 0%, 24% 7%); } }

@keyframes blog-furl {
  0% {
    clip-path: polygon(0% 50%, 0% 50%, 0% 50%, 24% 7%, 24% 7%, 24% 7%); }
  20% {
    clip-path: polygon(0% 50%, 0% 50%, 0% 50%, 24% 7%, 24% 7%, 24% 7%); }
  70% {
    clip-path: polygon(0% 50%, 11% 80%, 70% 100%, 100% 75%, 84% 0%, 24% 7%); }
  100% {
    clip-path: polygon(0% 50%, 11% 80%, 70% 100%, 100% 75%, 84% 0%, 24% 7%); } }
    header nav .photos {
      top: 2.85em;
      left: 0.5em;
      width: 5.85em;
      height: 3.4em;
      clip-path: polygon(0% 70%, 60% 100%, 100% 45%, 90% 10%, 16% 0%); }
      header nav .photos.unfurled {
        animation-name: photos-unfurl; }
      header nav .photos.furled {
        animation-name: photos-furl; }
      header nav .photos span {
        top: 0.9em;
        left: 1.3em; }

@keyframes photos-unfurl {
  0% {
    clip-path: polygon(16% 0%, 90% 10%, 90% 10%, 90% 10%, 16% 0%); }
  0% {
    clip-path: polygon(16% 0%, 90% 10%, 90% 10%, 90% 10%, 16% 0%); }
  50% {
    clip-path: polygon(0% 70%, 60% 100%, 100% 45%, 90% 10%, 16% 0%); }
  100% {
    clip-path: polygon(0% 70%, 60% 100%, 100% 45%, 90% 10%, 16% 0%); } }

@keyframes photos-furl {
  0% {
    clip-path: polygon(16% 0%, 90% 10%, 90% 10%, 90% 10%, 16% 0%); }
  0% {
    clip-path: polygon(16% 0%, 90% 10%, 90% 10%, 90% 10%, 16% 0%); }
  50% {
    clip-path: polygon(0% 70%, 60% 100%, 100% 45%, 90% 10%, 16% 0%); }
  100% {
    clip-path: polygon(0% 70%, 60% 100%, 100% 45%, 90% 10%, 16% 0%); } }
    header nav .code {
      left: 4.1em;
      top: 4.55em;
      width: 6em;
      height: 4em;
      clip-path: polygon(0% 47%, 10% 90%, 80% 100%, 100% 80%, 88% 18%, 40% 0%); }
      header nav .code.unfurled {
        animation-name: code-unfurl; }
      header nav .code.furled {
        animation-name: code-furl; }
      header nav .code span {
        top: 1.4em;
        left: 1.9em; }

@keyframes code-unfurl {
  0% {
    clip-path: polygon(0% 47%, 0% 47%, 0% 47%, 40% 0%, 40% 0%, 40% 0%); }
  40% {
    clip-path: polygon(0% 47%, 0% 47%, 0% 47%, 40% 0%, 40% 0%, 40% 0%); }
  100% {
    clip-path: polygon(0% 47%, 10% 90%, 80% 100%, 100% 80%, 88% 18%, 40% 0%); }
  100% {
    clip-path: polygon(0% 47%, 10% 90%, 80% 100%, 100% 80%, 88% 18%, 40% 0%); } }

@keyframes code-furl {
  0% {
    clip-path: polygon(0% 47%, 0% 47%, 0% 47%, 40% 0%, 40% 0%, 40% 0%); }
  40% {
    clip-path: polygon(0% 47%, 0% 47%, 0% 47%, 40% 0%, 40% 0%, 40% 0%); }
  100% {
    clip-path: polygon(0% 47%, 10% 90%, 80% 100%, 100% 80%, 88% 18%, 40% 0%); }
  100% {
    clip-path: polygon(0% 47%, 10% 90%, 80% 100%, 100% 80%, 88% 18%, 40% 0%); } }

.pure-menu-link {
  color: #242424; }
  .pure-menu-link:hover {
    color: #fff;
    background: #242424 url(/img/bg-dark.png); }

.flash .error {
  background-color: #F0D2CD; }

.flash .notice {
  background-color: #D5ECFF; }

.flash p {
  font-size: 1.2em;
  margin-top: 0; }

.error {
  background-color: #F0D2CD;
  padding: 1em; }

.notice {
  background-color: #D5ECFF;
  padding: 1em; }

article.post .body .left {
  clear: left;
  width: 49%;
  float: left;
  overflow: hidden;
  display: inline-block; }
  article.post .body .left > *:first-child {
    margin-top: 0; }

article.post .body .right {
  clear: right;
  width: 49%;
  float: right;
  overflow: hidden;
  display: inline-block;
  margin-left: 2%; }
  article.post .body .right > *:first-child {
    margin-top: 0; }

article.post .body .quarter-right {
  clear: right;
  width: 24%;
  float: right;
  overflow: hidden;
  display: inline-block;
  margin-left: 2%; }
  article.post .body .quarter-right > *:first-child {
    margin-top: 0; }

article.post .body .middle {
  clear: both;
  width: 50%;
  display: block;
  margin-left: 25%;
  margin-right: 25%; }
  article.post .body .middle > *:first-child {
    margin-top: 0; }

article.post .body table {
  clear: both; }

.body > *:last-child {
  margin-bottom: 0; }

.body li {
  margin-top: 0.6em;
  margin-bottom: 0.6em; }

dt {
  font-style: italic;
  margin-bottom: 0.6em; }

dd {
  margin-bottom: 1em; }

p:first-child {
  margin-top: 0; }

/* Bibliography for pandoc stuff */
div.csl-entry {
  display: block;
  margin-bottom: 0.6em; }

.hanging div.csl-entry {
  margin-left: 2em;
  text-indent: -2em; }

div.csl-left-margin {
  min-width: 2em;
  float: left; }

div.csl-right-inline {
  margin-left: 2em;
  padding-left: 1em; }

div.csl-indent {
  margin-left: 2em; }

@media screen and (min-width: 48em) {
  .photo-content {
    padding: 0 2em; } }

.pure-g.photo-content {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }
  .pure-g.photo-content img.primary {
    width: 100%; }
  .pure-g.photo-content article {
    margin-bottom: 1em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); }
  .pure-g.photo-content .bar {
    background-color: #fff;
    padding: 1.6rem 1.6rem 1.12rem;
    margin-top: -0.5em; }
    .pure-g.photo-content .bar h1 {
      margin: 0; }
    .pure-g.photo-content .bar .meta {
      margin-bottom: 0; }
    .pure-g.photo-content .bar .meta > * {
      display: inline-block; }
    .pure-g.photo-content .bar .tags {
      display: block; }
  .pure-g.photo-content .grid {
    margin-bottom: 1em; }
    .pure-g.photo-content .grid img {
      box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); }

.tags .descriptor h1 {
  margin: 0; }

.tags article {
  overflow: hidden;
  height: 30em;
  margin-bottom: 1em;
  font-size: 80%; }

.tags .photo {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); }
  .tags .photo a {
    width: 100%;
    height: 100%; }
  .tags .photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

lite-youtube {
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
  max-width: 720px; }

/* gradient */
lite-youtube::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  background-position: top;
  background-repeat: repeat-x;
  height: 60px;
  padding-bottom: 50px;
  width: 100%;
  transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); }

/* responsive iframe with a 16:9 aspect ratio
    thanks https://css-tricks.com/responsive-iframes/
*/
lite-youtube::after {
  content: "";
  display: block;
  padding-bottom: calc(100% / (16 / 9)); }

lite-youtube > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }

/* play button */
lite-youtube > .lty-playbtn {
  width: 68px;
  height: 48px;
  position: absolute;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  top: 50%;
  left: 50%;
  z-index: 1;
  background-color: transparent;
  /* YT's actual play button svg */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
  filter: grayscale(100%);
  transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
  border: none; }

lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
  filter: none; }

/* Post-click styles */
lite-youtube.lyt-activated {
  cursor: unset; }

lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
  opacity: 0;
  pointer-events: none; }

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px; }

nav.page {
  margin: 2em auto;
  text-align: center; }
  nav.page a {
    font-size: 140%;
    font-family: KlavikaMedium, Helvetica, sans-serif;
    text-decoration: none;
    padding: 1em;
    margin: 1em;
    color: #242424 !important; }
    nav.page a:hover {
      color: #fff;
      background: #242424 url(/img/bg-dark.png); }

body {
  width: 100%;
  background: #F2F1EF url("/img/bg.jpg");
  margin-bottom: 5em;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.content {
  max-width: 100%; }

.text-content {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto; }

.sheet {
  background-color: #fff;
  padding: 1.2em;
  margin-bottom: 1rem;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
  min-width: 0; }
  .sheet > *:first-child {
    margin-top: 0; }
  .sheet > *:last-child {
    margin-bottom: 0; }

@media screen and (min-width: 48em) {
  .sheet {
    padding: 1.6em; } }

.pure-g.gutter {
  margin: 0 -1em; }
  .pure-g.gutter > [class*=pure-u] {
    box-sizing: border-box;
    padding: 0 1em; }

.pure-g.gutter-sm {
  margin: 0 -0.5em; }
  .pure-g.gutter-sm > [class*=pure-u] {
    box-sizing: border-box;
    padding: 0 0.5em; }

a {
  color: #238DD6; }

a:visited {
  color: #653EC6; }

h1 a, h2 a, h3 a, h4 a {
  color: #242424 !important;
  text-decoration: none; }
  h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
    text-decoration: underline; }

.bar h1 {
  margin-top: 0; }

.bar .meta {
  text-align: right;
  margin-bottom: 1em; }
  .bar .meta * {
    margin-bottom: 0.4em; }

.meta {
  color: #5F5C54;
  font-size: 80%; }
  .meta a {
    color: #5F5C54; }

.dont-read-me {
  height: 0;
  width: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden; }

blockquote {
  margin-left: 0em;
  margin-right: 0em;
  border-left: 0.3em solid #238DD6;
  background: #F2F1EF;
  padding: 1.2em;
  color: #242424; }
  blockquote > :last-child {
    margin-bottom: 0; }

form.pure-form-stacked input[type=submit] {
  margin-top: 0.6em;
  float: right; }