:root {
    --bgColor: #FEDF9E;
    --fgColor: #5a4735;
    --metaColor: #fce699;
    --headColor: #705134;
    --linkColor: #ec5800;
    --hovColor: #d2691e;
    --bgSelect: #E5C589;
    background-color: #FEDF9E;
    background-size: 10px 10px;
    background-image:
      linear-gradient(to right, #fdd37f 1px, transparent 1px),
      linear-gradient(to bottom, #fdd37f 1px, transparent 1px);
    --sidebarUrl: url("/img/theme/sunny_plaid_jonespatterns.jpg") repeat;
    --bullet: url("/img/theme/crepe.gif");
    --theme-image: url("/img/theme/pickebicke.gif");
  }

  .peachmoon {
    text-align: center;
    font-size: .9em;
    padding: 0.75rem 0 1em 0;
  }

  ul.update {
    list-style-image: url("/img/theme/new.gif");
  }
  
  @font-face {
    font-family: pointfree;
    src: url("/fonts/pointfree.ttf")
  }
  @font-face {
    font-family: cheese;
    src: url("/fonts/CheeseMatcha.otf")
  }
  @font-face {
    font-family: kitto;
    src: url("/fonts/kitto.otf");
  }

  html {
    font: .85rem 'pointfree', monospace;
  }

  img {
    opacity: 0.9;
  }

  h1 {
    padding-top: 2.25rem;
    padding-bottom: .25rem;
    font: 4.25em 'obliviate', cursive;
    letter-spacing: 0.25rem;
    line-height: 3rem;
  }

  h2 {
    font: bold 2.8rem 'kitto', monospace;
    line-height: 3rem;
    padding-top: .5rem;
  }

  h3 {
    font: 2.8em 'cheese', monospace;
    line-height: 3rem;
    padding: .4rem 0 .2rem;
  }
  
  h4 {
    font: bold 2.9rem 'firstly', monospace;
    line-height: 2rem;
    padding-top: 1rem;
  }

  code {
    font: 1rem 'courier', monospace;
  }

  .highlight {
    padding: 0.5rem;
  }

  .theme-credit {
    padding-bottom: 0.5rem;
  }