body { font: 400 14px 'Rajdhani', arial; font-weight: 500; padding: 30px; color: #16161d;
background: #454545; /* Old browsers */
background: -moz-linear-gradient(top,  #454545 0%, #5b5b5b 50%, #454545 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#454545), color-stop(50%,#5b5b5b), color-stop(100%,#454545)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #454545 0%,#5b5b5b 50%,#454545 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #454545 0%,#5b5b5b 50%,#454545 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #454545 0%,#5b5b5b 50%,#454545 100%); /* IE10+ */
background: linear-gradient(to bottom,  #454545 0%,#5b5b5b 50%,#454545 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#454545',GradientType=0 ); /* IE6-9 */
}

a { transition: 0.2s; }
a:hover { text-decoration: none; }

.container { max-width: 900px; }

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

#paper { background: #ECECEC; }

#sidebar {
	margin: 2.5em; 
}

#sidebar a {
	color: #505050;
}

#sidebar a:hover {
	color: #036896;
}

#maincontent {
	margin: 2.5em;
    font-size: 15px;
}

#maincontent p { margin-bottom: 1em; }

#mainMenu {
	margin-bottom: 2.5em; list-style: none; padding-left: 0; text-transform: uppercase; font-size: 1.3em;
}

#mainMenu li .active { font-weight: bold; }

.fa-stack-2x { color: #036896; }

.cardRow { margin-bottom: 0.5em; font-size: 1em; }

.blabla { margin-top: 2em; }

.blockTitle {
	color: #036896;
	font-weight: bold;
	font-size: 1.8em;
	width: 100%; 
	border-bottom: 1px solid #036896;
	line-height: 0.1em;
	margin: 10px 0 25px; 
	font-family: 'Rajdhani', sans-serif;
}

.blockTitle span {
	background: #fff; 
    padding: 0 10px 0 0; 
    text-transform: uppercase; 
}

#sidebar .blockTitle span { background: #ececec; }

.photo { width: 100%; max-width: 230px; border-radius: 100%; }

.cardText { font-size: 1.3em; color: #505050; font-family: 'Rajdhani'; font-weight: 500; }

#navAndSkills { margin-top: 2.7em; }

.progress { margin-bottom: 0; background: #C7C7C7; height: 14px; }
.progress-bar { background: #036896; }

.subBlockTitle { font-weight: bold; text-transform: uppercase; margin: 1.5em 0 0.5em; clear: both; font-family: 'Rajdhani', sans-serif; font-size: 1.3em; }
.skillBar { color: #505050; margin: 1em 0 0.2em; font-size: 1em; }

#maincontent { line-height: 1.7em; }
#maincontent h1 { font-size: 5em; margin-bottom: 0; margin-left: -5px; font-family: 'Rajdhani', sans-serif; font-weight: 100; }
#maincontent h2 { margin-top: 0; margin-bottom: 1em; font-size: 2.7em; font-weight: 600; font-family: 'Rajdhani', sans-serif; }

.content { background: #fff; }

.infoPage { display: none; padding-bottom: 1em; }

.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}