@font-face {
	font-family: Roboto;
	src: url(fonts/Roboto-Medium.ttf);
}
@font-face {
	font-family: Robotolight;
	src: url(fonts/Roboto-light.ttf);
}

a#language{
	color:inherit;
	position:fixed;
	right:0;

}

b{
	/* letter-spacing: 2px; */
	font-size: 14px;
	/* background-color: green; */
	/* border-radius: 10px; */
	/* color:white; */
}

html,
body{
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	font-size: 14px;
	font-family: Robotolight;
}

header{
	color: #ffffff;
	background-color: rgb(32,32,32);
	display: block;
	width: 100%;
	top:0;
	left:0;
	padding:10px 0;
}

aside{
	background-color: rgba(32,32,32,0.1);
	width:250px;
	min-height:100%;
	float:right;
	padding:10px;
	margin:0px;
}

main{
	margin-right:270px;
}


.date{
	font-weight: bold;
	padding-right: 20px;
}


#resume{
	padding: 20px;
	line-height: 30px;
}

.rank{
	text-align:Right;
	color: #20202B;
}

.lvl{
	letter-spacing: 5px;
	font-size: 20px
}

.date {
	width: 100px;
}

.Ri_El{
	padding:10px;
}

h1,h2,h3{
	font-family: Roboto;
}

hr{
	opacity:10%
}

table{
	margin: 15px;
}

tr {
	height: 75px;	
}

.VmarkCont{
	list-style:none;
}

.Vmark:Before{
	content: "✔";
	padding: 16px;
	color: green;
}

.Constmark:Before{
	content: "🚧";
	padding: 16px;
	color: green;
}
