html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

html.dark {
  background: #121212;
}

.markdown-body {
	margin: 2em;
}
.markdown-body p {
	margin-top: 1em;;
	font-size: 1em;
}

.markdown-body pre {
	padding: 2em;
	background: rgba(243,244,246);
}
.dark .markdown-body pre {
	background: rgba(75, 85, 99,var(--tw-bg-opacity))
}
.markdown-body a {
	color: rgba(37, 99, 235);
}
.btn {
  @apply px-4 py-1 rounded inline-block
    bg-teal-600 text-white cursor-pointer
    hover:bg-teal-700
    disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50;
}

.icon-btn {
  @apply inline-block cursor-pointer select-none
    opacity-75 transition duration-200 ease-in-out
    hover:opacity-100 hover:text-teal-600;
  font-size: 0.9em;
}
