:root {
  --background: #1d2021;
  --foreground: #ebdbb2;
  --accent: #8ec07c;
}

.framed pre {
  line-height: 1em !important;
}

.framed h1 {
  color: var(--accent);
  font-size: 1.4rem !important;
  animation: fx-jitter 1.9s steps(1) infinite;
}

.framed a:hover {
  text-decoration: none;
  animation: fx-jitter 1.9s steps(1) infinite;
}

@keyframes fx-jitter {

  0%,
  7%,
  15%,
  55%,
  100% {
    transform: none;
    opacity: 1;
  }

  8% {
    transform: skewX(-14deg) translateX(-4px);
  }

  10% {
    transform: skewX(10deg) translateX(3px);
  }

  12% {
    transform: translateY(-3px);
    opacity: .6;
  }

  46% {
    transform: skewX(8deg);
  }

  48% {
    transform: skewX(-6deg) translateY(2px);
    opacity: .75;
  }

  50% {
    transform: translateX(2px);
  }
}

.menu--language-selector {
  min-width: 6.5em;
}

.menu--mobile ul {
  min-width: 7.5em;
}

.cc-icon {
  width: auto;
  height: 1.54em;
  fill: currentColor;
  vertical-align: middle;
}

.footer .copyright> :first-child:not(:only-child) {
  margin-right: 0px !important;
}

.ecopigs {
  display: flex;
  flex-flow: row wrap;
  flex: 1;
  align-items: center;
  justify-content: center;
  padding-top: 42px;
}

.copyright--user {
  padding-top: 1rem;
  padding-bottom: 42px;
}

.credits {
  font-size: 0.9rem;
  opacity: .65;
}

.footer {
  padding-bottom: 0px;
}

.footer hr {
  color: var(--accent);
  width: 100%;
  background: none !important;
  height: 2px;
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  padding-bottom: 15px;
  border-bottom: 3px dotted var(--accent);
  text-decoration: none !important;
}

.footer hr::after {
  content: "";
  position: absolute;
  bottom: 2px;
  display: block;
  width: 100%;
  border-bottom: 3px dotted var(--accent);
}

.copyright--user a:hover {
  color: var(--accent);
  filter: none;
}

.credits a:hover {
  text-decoration: none;
}

.navigation-menu a:hover,
.menu__dropdown a:hover,
.table-of-contents a:hover,
.post-content a:hover {
  filter: sepia();
}