/*\

global

\*/

body {
	color:rgb(232,236,246);
	background-color:rgb(34,36,38);
}
body > nav,
body > aside,
body > footer {
	background-color:rgb(34,36,38);
}
nav > header,
section > header {
	color:rgb(164,172,172);
}
.gallery > main > section {
	background-color:rgb(146,48,50);
	background-color:rgb(49,51,53);
}
.gallery > main > section > article {
	background-color:rgb(49,51,53);
}
.gallery > main > section > article > div {
	background-color:rgb(58,60,62);
}
article.focus > header {
	background-color:rgb(34,36,38);
}

/*\

module

\*/

body > [data-module] {
	background-color:rgb(34,36,38);
}
article > div > a[data-module] {
	background-color:rgb(58,60,62);
}

/*\

inline

\*/

a,
a:hover {
	color:rgb(170,180,240);
}
svg.icon {
	stroke:rgb(232,236,246);
}
svg.icon:hover {
	stroke:rgb(170,180,240);
}
button,
.button {
	color:rgb(170,180,240);
	border-color:rgb(232,236,246);
}
input {
	color:rgb(232,236,246);
	background-color:rgb(34,36,38);
	border-color:rgb(136,142,148);
}

/*\

selection

\*/

.selected {
	box-shadow:0 0 0.25em 0.25em teal;
}
article.focus > nav > a {
	transition:padding 0.2s ease;
}
article.focus > nav > a.active {
	background-color:rgb(64,66,68);
	height:4em;
}

/*\

colour

\*/

nav > a {
	background-color:rgb(49,51,53);
}
nav a[href^='/code'] {
	background-color:rgb(80,76,72);
}
nav a[href^='/comic'] {
	background-color:rgb(80,80,54);
}
nav a[href^='/design'] {
	background-color:rgb(74,74,86);
}
nav a[href^='/illustration'] {
	background-color:rgb(70,74,88);
}
nav a[href^='/music'] {
	background-color:rgb(80,86,66);
}
nav a[href^='/scan'] {
	background-color:rgb(66,84,82);
}
nav a[href^='/video'] {
	background-color:rgba(234,225,144,0.81);
}