#codeconSkills{
	font-size:20px;
	height:auto
}
.codeconSkillbar{
	height:50px;
	position:relative;
	background:rgba(17,17,17,.3);
	margin:20px auto
}

#codeconWRITING{
	width:90%;animation:Animate-WRITING 5s;
	-webkit-animation:Animate-WRITING 5s;
	-moz-animation:Animate-WRITING 5s;
	-o-animation:Animate-WRITING 5s;
	height:50px;
	position:absolute;
	background-color:#ea8564
}
@keyframes Animate-WRITING{
	from{width:10px}to{width:90%}
}
@-webkit-keyframes Animate-WRITING{
	from{width:10px}to{width:90%}
}
@-moz-keyframes Animate-WRITING{
	from{width:10px}to{width:90%}
}
@-o-keyframes Animate-WRITING{
	from{width:10px}to{width:90%}
}
#codeconEditing{
	animation:Animate-Editing 5s;
	-webkit-animation:Animate-Editing 5s;
	-moz-animation:Animate-Editing 5s;
	-o-animation:Animate-Editing 5s;
	width:90%;height:50px;
	position:absolute;
	background-color:#55a69f
}
@keyframes Animate-Editing{
	from{width:10px}to{width:90%}
}
@-webkit-keyframes Animate-Editing{
	from{width:10px}to{width:90%}
}
@-moz-keyframes Animate-Editing{
	from{width:10px}to{width:90%}
}
@-o-keyframes Animate-Editing{
	from{width:10px}to{width:90%}
}
#codeconProof{
	animation:Animate-Proof 3s;
	-webkit-animation:Animate-Proof 3s;
	-moz-animation:Animate-Proof 3s;
	-o-animation:Animate-Proof 3s;
	width:90%;
	height:50px;
	position:absolute;
	background-color:#99856d
}
@keyframes Animate-Proof{
	from{width:10px}to{width:90%}
}
@-webkit-keyframes Animate-Proof{
	from{width:10px}to{width:90%}
}
@-moz-keyframes Animate-Proof{
	from{width:10px}to{width:90%}
}
@-o-keyframes Animate-Proof{
	from{width:10px}to{width:90%}
}
#codeconRevision{
	animation:Animate-Revision 4s;
	-webkit-animation:Animate-Revision 4s;
	-moz-animation:Animate-Revision 4s;
	-o-animation:Animate-Revision 4s;
	width:90%;
	height:50px;
	position:absolute;
	background-color:#c44e45;
}
@keyframes Animate-Revision{
	from{width:10px}to{width:90%}
	}
	@-webkit-keyframes Animate-Revision{
		from{width:10px}to{width:90%}
	}
@-moz-keyframes Animate-Revision{
	from{width:10px}to{width:90%}
	}
	@-o-keyframes Animate-Revision{
		from{width:10px}to{width:90%}
	}
#codeconTranslation{
	animation:Animate-Translation 5s;
	-webkit-animation:Animate-Translation 5s;
	-moz-animation:Animate-Translation 5s;
	-o-animation:Animate-Translation 5s;
	width:90%;
	height:50px;
	position:absolute;
	background-color:#5aa669
}
@keyframes Animate-Translation{
	from{width:10px}to{width:90%}
	}
	@-webkit-keyframes Animate-Translation{
		from{width:10px}to{width:90%}
	}
@-moz-keyframes Animate-Translation{
	from{width:10px}to{width:90%}
	}
	@-o-keyframes Animate-Translation{
		from{width:10px}to{width:90%}
	}
#codeconAnalysis{
	animation:Animate-Analysis 7s;
	-webkit-animation:Animate-Analysis 7s;
	-moz-animation:Animate-Analysis 7s;
	-o-animation:Animate-Analysis 7s;
	width:90%;
	height:50px;
	position:absolute;
	background-color:
	#970cc1
}
@keyframes Animate-Analysis{
	from{width:10px}to{width:90%}
}
@-webkit-keyframes Animate-Analysis{
	from{width:10px}to{width:90%}
}
@-moz-keyframes Animate-Analysis{from{
	width:10px}to{width:90%}
}
@-o-keyframes Animate-Analysis{
	from{width:10px}to{width:90%}
}

.codeconSkillArea{
	z-index:1;
	float:left;
	margin-top:15px;
	margin-left:15px;
	text-shadow:none;
	color:#fff;
	font-size:18px
}
.PercentText{
	z-index:3;
	position:relative;
	padding-right:15px;
	margin-top:15px;
	float:right;
	text-shadow:none;
	color:#fff;
	font-size:18px
}




#codeconSkills2{	font-size:16px;	height:auto}
.codeconSkillbar2{	height:30px;	position:relative;		margin:5px auto;}
.codeconSkillArea2{	z-index:1;	float:left;	margin-top:15px;	margin-left:15px;	text-shadow:none;	color:#fff;	font-size:18px}
.PercentText2{z-index:3; position:relative; padding-right:5px;	float:right; text-shadow:none; color:#fff; font-size:18px}
#codeconJOURNAL{
	width:90%;animation:Animate-JOURNAL 5s;
	-webkit-animation:Animate-JOURNAL 5s;
	-moz-animation:Animate-JOURNAL 5s;
	-o-animation:Animate-JOURNAL 5s;
	height: 30px;
	position:absolute;
	background-color:#ea8564
}
@keyframes Animate-JOURNAL{
	from{width:10px}to{width:90%}
}
@-webkit-keyframes Animate-JOURNAL{
	from{width:10px}to{width:90%}
}
@-moz-keyframes Animate-JOURNAL{
	from{width:10px}to{width:90%}
}
@-o-keyframes Animate-JOURNAL{
	from{width:10px}to{width:90%}
}
#codeconCHAPTERS{
	animation:Animate-CHAPTERS 4s;
	-webkit-animation:Animate-CHAPTERS 4s;
	-moz-animation:Animate-CHAPTERS 4s;
	-o-animation:Animate-CHAPTERS 4s;
	width:15%;height: 30px;
	position:absolute;
	background-color:#55a69f
}
@keyframes Animate-CHAPTERS{
	from{width:10px}to{width:15%}
}
@-webkit-keyframes Animate-CHAPTERS{
	from{width:10px}to{width:15%}
}
@-moz-keyframes Animate-CHAPTERS{
	from{width:10px}to{width:15%}
}
@-o-keyframes Animate-CHAPTERS{
	from{width:10px}to{width:15%}
}
#codeconABSTRACTS{
	animation:Animate-ABSTRACTS 3s;
	-webkit-animation:Animate-ABSTRACTS 3s;
	-moz-animation:Animate-ABSTRACTS 3s;
	-o-animation:Animate-ABSTRACTS 3s;
	width:10%;
	height: 30px;
	position:absolute;
	background-color:#99856d
}
@keyframes Animate-ABSTRACTS{
	from{width:10px}to{width:10%}
}
@-webkit-keyframes Animate-ABSTRACTS{
	from{width:10px}to{width:10%}
}
@-moz-keyframes Animate-ABSTRACTS{
	from{width:10px}to{width:10%}
}
@-o-keyframes Animate-ABSTRACTS{
	from{width:10px}to{width:10%}
}
#codeconCONFERENCE{
	animation:Animate-CONFERENCE 3s;
	-webkit-animation:Animate-CONFERENCE 3s;
	-moz-animation:Animate-CONFERENCE 3s;
	-o-animation:Animate-CONFERENCE 3s;
	width:10%;
	height: 30px;
	position:absolute;
	background-color:#c44e45;
}
@keyframes Animate-CONFERENCE{
	from{width:10px}to{width:10%}
	}
	@-webkit-keyframes Animate-CONFERENCE{
		from{width:10px}to{width:10%}
	}
@-moz-keyframes Animate-CONFERENCE{
	from{width:10px}to{width:10%}
	}
	@-o-keyframes Animate-CONFERENCE{
		from{width:10px}to{width:10%}
	}
#codeconRESEARCH{
	animation:Animate-RESEARCH 2s;
	-webkit-animation:Animate-RESEARCH 2s;
	-moz-animation:Animate-RESEARCH 2s;
	-o-animation:Animate-RESEARCH 2s;
	width:7.5%;
	height: 30px;
	position:absolute;
	background-color:#5aa669
}
@keyframes Animate-RESEARCH{
	from{width:10px}to{width:7.5%}
	}
	@-webkit-keyframes Animate-RESEARCH{
		from{width:10px}to{width:7.5%}
	}
@-moz-keyframes Animate-RESEARCH{
	from{width:10px}to{width:7.5%}
	}
	@-o-keyframes Animate-RESEARCH{
		from{width:10px}to{width:7.5%}
	}
#codeconTHESES{
	animation:Animate-THESES 2s;
	-webkit-animation:Animate-THESES 2s;
	-moz-animation:Animate-THESES 2s;
	-o-animation:Animate-THESES 2s;
	width:7.5%;
	height: 30px;
	position:absolute;
	background-color:
	#970cc1
}
@keyframes Animate-THESES{
	from{width:10px}to{width:7.5%}
}
@-webkit-keyframes Animate-THESES{
	from{width:10px}to{width:7.5%}
}
@-moz-keyframes Animate-THESES{from{
	width:10px}to{width:7.5%}
}
@-o-keyframes Animate-THESES{
	from{width:10px}to{width:7.5%}
}