/* 
    Document   : main
    Created on : 17.06.2011, 20:56:34
    Author     : Xz2
*/

body {
	margin: 0;
	font-family: arial;
	color: #666666;
}

body.darkmode {
	background-color: #050505;
	color: #777777;
}

a {
	color: #666666;
	text-decoration: none;
}

a.darkmode {
	color: #777777;
}

a:hover {
	color: #333333;
}

a.darkmode:hover {
	color: #999999;
}

#darkmode-button {
	position: absolute;
	right: 1em;
	top: 1em;
	font-size: 2em;
	cursor: pointer;
}

#darkmode-button:before {
	content: '\f186';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #333333;
}

#darkmode-button.darkmode:before {
	content: '\f185';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #666666;
}

#darkmode-button:hover::before {
	color: #999999;
}

#darkmode-button.darkmode:hover::before {
	color: #999999;
}

#businesscard {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	width: 400px;
	text-align: center;

	z-index: 10;
}

#name {
	font-size: 34pt;
}

#firstname:before {
	content: "";
	font-weight: bolder;
}

#firstname {
	color: #666666;
	font-weight: bolder;
}

#firstname.darkmode {
	color: #444444;
	font-weight: bolder;
}

#lastname {
	color: #333333;
}

#lastname.darkmode {
	color: #666666;
}

#information {
	position: relative;
	left: 50%;
	margin-left: -60pt;
	padding-left: 10px;
	text-align: left;
	border-left: #666666;
	border-left-width: 1px;
	border-left-style: solid;
}

#information.darkmode {
	border-left: #333333;
	border-left-width: 1px;
	border-left-style: solid;
}

#email {
	padding-top: 1em;
}

#futher {
	position: absolute;
	top: 80%;
	width: 100%;
	text-align: center;
	opacity: 60%;
	z-index: 10;
}

#social {
	font-size: 2em;
}

.hideme {
	opacity: 0
}

.myicon {
	width: 1.5em
}

.myflag {
	opacity: 50%
}

#eyecandy {
	position: absolute;
	width: 100%;
	bottom:0;
	height:350px;
	z-index: 0;
}