body {
	background-color: #172d13;
	color: #ebdbb2;
	margin: auto;
	width: 50%;
	max-width: 1750px;
	font-size: 18px;
	font-family: Fira Sans;
}

code, pre, kbd, samp {
	font-family: Fira Mono;
	background: #2c4328;
	padding: 2px;
	border: solid #ebdbb2 1px;
	border-radius: 4px;
}

pre {
	width: max-content;
	padding: 15px;
}

a {
	color: #d76f30;
	transition: ease-out color 0.2s;

}

a:visited {
	color: #E1A571;
}

a:hover,
a:focus {
	color: #DF9A64;
}

a:active {
	color: #C75F20;
	transition: none;
}

details > summary::marker {
  content: '';
}

details > summary::after {
  content: "▸";
  display: inline-block;
  padding-left: 5px;
  transition: transform ease 0.03s;
}

details[open] > summary::after {
  transform: rotate(90deg);
  transform-origin: 70%;
}