@charset "UTF-8";
/* CSS Document */
/* main styles */ 

a:link {
	color: var(--antiBgColor);
	text-decoration: none;
}
a:visited {
	color: var(--antiBgColor);
	text-decoration: none;
}
a:hover {
	color: var(--mainColor);
	text-decoration: none;
}
a:hover img {
	opacity: .35;
}
/* ids */
#animation {
	float: right;
	width: 130px;
	z-index: 1;
}
#bluebar {
	background-color: var(--compColor);
	margin: 10px 0px 10px 0px;
	text-align: right;
	padding: 5px 0 5px 0;
	width: 900px;
}
#header {
	padding: 50px 10px 0 0;
	text-align: left;
	font: 75px/70% 'TradeGothic LT Extended';
	color: var(--antiBgColor);
	margin-left: -5px;
}
#portfolio {
	float: left;
	width: 780px;
	text-align: left;
}
#tags {
	float: right;
	margin: 5px 0 10px 0;
	text-align: right;
	font-size: 1.2rem;
	width: 700px;
	padding-right: 10px;
}
#wrapper {
	margin: 0 auto;
	width: 910px;
}
/* classes */
.links {
	font: 18px 'TradeGothic LT Extended';
}
a.links:link {
	color: var(--bgColor);
}
a.links:visited {
	color: var(--bgColor);
}
a.links:hover {
	color: var(--antiBgColor);
}
.related {
	font-size: 2.4rem/150%;
	text-align: left;
	margin-top: 10px;
	color: var(--antiBgColor);
}
.section {
	position: relative;
	top: 40%;
	font: 18px 'TradeGothic LT Extended';
	color: var(--bgColor);
	text-align: center;
}
.space {
	margin-right: 10px;
	display: inline;
}
.tag {
	font: 18px 'TradeGothic LT Extended';
	color: var(--bgColor);
	float: left;
	padding-left: 10px;
}
.thumb {
	width: 120px;
	height: 120px;
	border-radius: 100px;
	margin: 0 10px 10px 0;
	float: left;
	background-color: var(--mainColor);
}
.title {
	text-align: left;
	font-size: 2.4rem;
	margin: 18px 0 5px 0;
	color: var(--antiBgColor);
}
.videoContainer {
	margin: 75px auto;
	display: inline-block;
}