:root {
	--navigation-background-opacity: 0.333;
	--navigation-background-color: 78, 78, 78;
	--body-background-color: #404040;
	--text-color: #f7efff;
	--link-color: #cfbfaf; /* #dfcfaf; */
	--link-color-with-photo: #ffebd8; /* #cfbfaf; */ /* #dfcfaf; */
}

@media screen {

	#decorationBox1 {
		background-color: #484848;
		top: 80px;
		left: calc(var(--contentOffsetRight) + 400px);
		width: 300px;
		height: 80%;
	}

	#decorationBox2 {
		background-color: #525252;
		top: 225px;
		left: calc(var(--contentOffsetRight) + 400px);
		width: 400px;
		height: 20%;
	}

	#decorationBox3 {
		background-color: #5a5a5a;
		top: 120px;
		left: calc(var(--contentOffsetRight) + 222px);
		width: 390px;
		height: 65%;
	}

	#decorationImage {
		left: calc(var(--contentOffsetRight) + 0px);
		background-image: url('../img/7st-i.png');
	}

	#language-navigation .current,
	#content-navigation a.active2 {
		color: #f2e5a2; /* #ff8040; */
	}

	#navigation a.active3 {
		color: #ffe356; /* #ff8040; */
	}

	#content-navigation a:hover {
		border-bottom-color: #505050;
	}

	#content-navigation a:active {
		color: #ffc056; /* #ff8040; */
	}

	.searchWord {
		background-color: #afafaf;
	}

	#backgroundPhoto {
		background-image: url('../img/bg5.jpg');
		opacity: 0.2;
	}

	#backgroundPhoto ~ #decorationImage {
		display: none;
	}

	.content abbr {
		text-decoration-color: #889fc4;
	}
}

.about {
	width: 22.5em;
}

.about p {
	font-size: 91.67%; letter-spacing: 1px;
	text-indent: 0; margin-bottom: 0.9ex;
	font-style: italic;
}

.about i {
	font-style: normal;
}

.about h3 {
	text-indent: 0; font-size: 105%;
	margin-bottom: 1.25ex;
}

.about .subtitle {
	border-bottom: 1px dotted;
}

.about #dev {
	opacity: 67%;
	font-size: 80%;
	width: 170px;
	margin-top: 6ex;
	margin-bottom: 4ex;
	margin-left: 388px;
}

@media screen {

	.about h1 {
		margin-bottom: 4.5ex;
	}

	.about .other {
		position: relative;
		top: -210px;
	}

}