body {
	color: #eceff4;
	background-color: #2e3440;
}

header {
	background-color: #2e3440;
}

.glitch {
	background-color: #2e3440;
	color: #eceff4;
}

.glitch::before {
	background: #2e3440;
}

.glitch::after {
	background: #2e3440;
}

article {
	background-color: #3b4252;
}

.tile {
	background-color: #4c566a;
	color: #eceff4;
}

.tile:hover {
	background-color: #8fbcbb;
}

/*sun*/
#theme {
	width: 2em;
	height: 2em;
	margin-right:1.2em;
	background-color: rgba(235, 203, 139, .5);
	border-radius: 50%;
	box-shadow: none;
}

#theme::before,
#theme::after {
	width: calc(2em * .85);
	height: calc(2em * .85);
	left: calc(2em * .075);
	top: calc(2em * .075);
	display: block;
	content: " ";
	position: relative;
	background-color: rgba(235, 203, 139, .5);
}

#theme::after {
	top: calc(2em / 1.85 * -1.41421356);
	transform: rotate(45deg);
}

/* submodules */
#form {
	background-color: #3b4252;
}

.panel {
	background-color: #4c566a;
	color: #eceff4;
}

a:not(.tile) {color:#a3be8c}
a:visited:not(.tile) {color:#b48ead}