html
{
	background-color: hsl(150,0%,0%);
	color: hsl(150,0%,100%);
	
	font-family: sans-serif;
}

body
{
	max-width: 960px;
	margin: auto;
	padding: 16px;

	background-color: hsl(150,0%,12.5%);
	color: hsl(150,0%,87.5%);
}

.tabs-head-entry
{
	border: none;
	outline: none;
	cursor: pointer;
	padding: 8px;
	margin: 1px;
	transition: 0.25s;
}

.tabs-body
{
	display: block;
}

.tabs-body > *:not(.tabs-active)
{
	display: none;
}

.realization-entry-tldr
{
	margin: 8px;
	padding: 16px;

	background-color: hsl(210,50%,25%);
	color: hsl(150,0%,100%);
	
	border-radius: 4px;
}

.realization-entry-example
{
	margin: 8px;
	padding: 16px;

	background-color: hsl(150,50%,25%);
	color: hsl(150,0%,100%);

	border-radius: 4px;
}