.content p > code,
.content li > code,
.content dd > code,
.content td > code {
  background-color: #dbe0e6;
  padding: 0rem 0.3rem;
  border-radius: 0.2rem;
}

.dark .content p > code,
.dark .content li > code,
.dark .content dd > code,
.dark .content td > code {
  background-color: #343a3b;
}

.icon-sun:before {
  content: '🌞';
}

.icon-moon:before {
  content: '🌜';
}

.icon-sun:hover {
  animation: semi-rotation 1s infinite linear;
}

.icon-moon:hover {
  animation: semi-rotation 1s infinite linear;
}

@keyframes semi-rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

/* Workaround to do not show the cover image in the post body */
div div div .py-4 {
  display: none;
}