@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'Bizon';
 src: url(Bizon.otf);
}

@font-face {
 font-family: 'Jaapokki';
 src: url(KlinicSlabMedium.otf);
}

a:visited{
	color:black;
	text-decoration:none;
}

a:link {
    color: black;
	text-decoration:none;
}

body{
	padding:0;
	margin:0;
}

.headerbig{
	height:700px;
	width:100%;
	background-image:url(img/headerpicture1.jpg);
	
}

.textheadermiddle{
	padding-top:250px;
	text-align:center;
	color:black;
	opacity:1;
	font-family:Bizon;
}
	
.middle{
	height:600px;
	width:auto;
	font-family:Bizon;
}

#headertextbckgrnd{
	color:#38FFD1;
}

.links{
	opacity:1;
	font-family:Bizon;
	display:inline;
	}
	
.links:hover{
	opacity:1;
	}
	
.sectionname{
	padding-top:70px;
	text-align:center;
}

.aboutleft{
	float:left;
	padding-left:12%;
	width:25%;
	text-align: justify;
}

.aboutmiddle{
	float:left;
	padding-left:2%;
	width:25%;
}

.aboutright{
	float:left;
	padding-left:2%;
	width:25%;
	
}

.picturecv{
	float:left;
	background-image:url(img/stefandric.jpg);
	height:85px;
	width:87px;
}

.textcv{
	text-align:justify;
}

.cv{
	height:1000px;
	width:auto;
	background-color:#EDEDED;
	font-family:Bizon;
}

.backtotop{
	float:right;
	right:10px;
	margin-top:40%;
	position:fixed;
	opacity:0.6;
}

.backtotop:hover{
	opacity:1;
}

.contact{
	background-color:#2B2B2B;
	height:800px;
	width:100%;
	color:white;
	font-family:Bizon;
}

.footer{
	background-color:black;
	height:80px;
	width:100%;
}

.socialiconli{
	float:right;
	padding-right:10px;
	padding-top:1%;
	opacity:1;
}

.socialiconli:hover{
	opacity:1;
	height:50px;
	width:50px;
	padding-top:10px;
}

.socialiconfb{
	float:right;
	padding-right:10px;
	padding-top:1%;
	opacity:1;
	
}

.socialiconfb:hover{
	opacity:1;
	height:50px;
	width:50px;
	padding-top:10px;
}

.socialicontw{
	float:right;
	padding-right:10px;
	padding-top:1%;
	opacity:1;
}

.socialicontw:hover{
	opacity:1;
	height:50px;
	width:50px;
	padding-top:10px;
}


.headerbackgroundtext{
	background-color:#9F0;
	display:inline;
        font-family:Jaapokki;
}

.languages{
	float:right;
	padding-right:10px;
	padding-top:4px;
}

.hideme{
	opacity:1;
}

.opacitylanguage{
	opacity:1;
}

.progress{
	float:left;
	width:300px;
	height:50px;
	color:#FFF;
	background-color:#38B1CC;
	margin-top:5px;
	border-radius:4px;
	font-family: sans-serif;
	text-align:center;
	font-size:0.8em;
}

.numberprogress{
	float:left;
	height:18px;
	width:18%;
	color:white;
	font-size:14px;
	text-align:center;
	background: rgba(0,0,0,0.13);
	padding: 9px 0px;
	border-radius:4px;
	margin:5px;
	margin-top:7px;
}

.progressbar{
	margin-left:0px;
	float:right;
	border-radius:10px;
	margin:5px;
	height:10px;
	width:75%;
	background: rgba(0,0,0,0.13);
	margin-top:5px;
	overflow: hidden;
}

.progresspercent{
	height:100%;
	float:left;
	background-color:white;
	border-radius:10px;
}

.jaapokkii{
	font-family:Jaapokki;
}

.beyondprogres{
	background-color:grey;
}

.leftresume{
	float:left;
	width:37%;
	height:700px;
	margin-top:30px;
	background-color:white;
	margin-left:11%;
}

.rightresume{
	float:right;
	width:37%;
	height:700px;
	margin-top:30px;
	background-color:white;
	margin-right:11%;
}

.verticalline{
	 border-left:medium grey solid;
	 display:inline-block;
	 margin-left:2%; 
	 height:550px;
	 margin-top:30px;
}

.book{
	float:right;
	margin:10px;
        height:30px;
}

.biography{
	float:left;
	padding-left:20px;
	
}

.colorbio{
	color:#38B1CC;
	font-size:36px;
}

.home1{
	opacity:0.6;
	margin-top:5px;
	float:left;
}

.home1:hover{
	opacity:1;
	margin-top:10px;
	margin-left:3px;
}

.about1{
	opacity:0.6;
	margin-top:5px;
	float:left;
	margin-left:3px;
}

.about1:hover{
	opacity:1;
	margin-top:8px;
	margin-left:6px
}

.resume1{
	opacity:1;
	margin-top:5px;
	float:left;
	margin-left:3px;
}

.resume1:hover{
	opacity:1;
	margin-top:8px;
	margin-left:6px
}

.contact1{
	opacity:1;
	margin-top:5px;
	float:left;
	margin-left:3px;
}

.contact1:hover{
	opacity:1;
	margin-top:8px;
	margin-left:6px
}

.work{
	float:right;
	margin:10px;
}

.bystefan{
	padding-top:60px;
	float:left;
	color:grey;
	font-family:Jaapokki;
}

.years{
	background-color:#38B1CC;
	color:white;
	display:inline;
	width:50px;

}

.smallFont{
        font-size:13px;
}