$hue: 150;

html
{
	background-color: hsl($hue, 0%, 0%);
	color: hsl($hue, 100%, 0%);
}

body
{
	background-color: hsl($hue, 0%, 6.125%);
	color: hsl($hue, 0%, 93.875%);
}


.tab-select > ul > li
{
	display: inline-block;
	margin: 8px;
	cursor: pointer;
}

.tab[rel="show"] .tab-select li[rel="show"] {border-bottom: 2px solid black;}
.tab[rel="show"] .tab-select li[rel="translate"] {border-bottom: none;}
.tab[rel="translate"] .tab-select li[rel="show"] {border-bottom: none;}
.tab[rel="translate"] .tab-select li[rel="translate"] {border-bottom: 2px solid black;}

.tab[rel="show"] .tab-content[rel="show"] {display: initial;}
.tab[rel="show"] .tab-content[rel="translate"] {display: none;}
.tab[rel="translate"] .tab-content[rel="show"] {display: none;}
.tab[rel="translate"] .tab-content[rel="translate"] {display: initial;}