<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div.wrapper {
    background-color: white;
}

.borderbtn {
	border-bottom: 1px solid #d4d4d4;
}
.borderleft {
	border-left: 1px solid #d4d4d4;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0; 
}
.aside_el {
	text-align: right;
	padding-right: 5px;
}
.aside_el  h2 {
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 0;
}
.aside_el  h5 {
	font-weight: normal;
}
.par_el {
	padding-left: 30px;
	position: relative;
}
.par_el p {
	text-align: left;
}

    .par_el p a {
        color: #007acc;
    }

.page {
	padding-bottom: 80px;
}


.about_me {
	margin-top: 50px;
}
.circle {
	border-radius: 50%;
	width: 84px;
	height: 84px;
	display: inline;
	position: relative;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 4px solid white;
	-webkit-box-shadow: 0px 0px 15px rgba(3, 3, 3, 0.3);
	-moz-box-shadow:    0px 0px 15px rgba(3, 3, 3, 0.3);
	box-shadow:         0px 0px 15px rgba(3, 3, 3, 0.3);
	overflow: hidden;
}
.about_me article p:last-child {
	margin-bottom: -3px;
}

.upbtnwrapp {
	display: none;
	text-align: center;
}
.upbtn {
	/* Positioning &amp; Display */
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: inline;
	position: fixed;
	right: 5px;
	bottom: 5px;
	/* Color */
	background: black;
	opacity: 0.3;
	/* Elemants */
	cursor: pointer;
	margin: 0 auto;
	z-index: 10000;
}
.upbtn span {
	color: white; 
	text-align: center; 
	position: relative;
	bottom: 5px;
	right: 18px;
} 

.cont_info {
	padding-left: 5px;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}

.info ul li {
	padding-bottom: 1em;
}

.info ul li a, .info ul li a:hover {
	text-decoration: none;
	padding-left: 12px;
}

.my_expertise {
	margin-top: 60px;
}
.skill_level {
	margin-top: 10px;
	padding: 0 12px 0 7px;
}
.skill_level h4{
	/* Text */
	text-align: center;
	font-weight: bold;
	/* Positioning &amp; Display */
	margin-top: -10px;
}

.experience {
	margin-top: 60px;
}
.experience p, .education p {
	color: #c0c0c0;
}

.period  {
	/* Positioning &amp; Display */
	position: absolute;
	top: 0;
	padding-left: 5px;
	padding-right: 5px;
	/* Text */
	color: white;
	background-color: #0099e8;
}
.bigspacing {
	padding-left: 155px;
}
.par_el header h2 {
	font-weight: normal;
	margin-top: 0;
}
.par_el header h3 {
	padding-bottom: 5px;
}
.in_spacing {
	position: relative;
	padding-bottom: 15px;
	padding-right: 10px;
}
.in_spacingbottom {
	position: relative;
	padding-bottom: 0px;
	padding-right: 10px;
}


.education {
	margin-top: 60px;
}

.portfolio {
	margin-top: 60px;
}

.progressbar {
    width: 100%;
    height: 16px;
    margin: 0 auto 20px auto;
    padding: 0px;
    background: #cfcfcf;
    border-width: 1px;
    border-style: solid;
    border-color: #aaa #bbb #fff #bbb;    
    box-shadow: inset 0px 2px 3px #bbb;    
}

.progressbar-inner {
    width: 77%;
    height: 100%;
    background: #999;
    background-size: 18px 18px;
    background-color: #007ac;   
   
    box-shadow:inset 0px 2px 8px rgba(255, 255, 255, 0.5), inset -1px -1px 0px rgba(0, 0, 0, 0.2);
}

.progressbar-inner {
    background-color: #007ac3;
}
.percent_10 .progressbar-inner {
	width: 10%;
}
.percent_20 .progressbar-inner {
	width: 20%;
}
.percent_30 .progressbar-inner {
	width: 30%;
}
.percent_40 .progressbar-inner {
	width: 40%;
}
.percent_50 .progressbar-inner {
	width: 50%;
}
.percent_60 .progressbar-inner {
	width: 60%;
}
.percent_70 .progressbar-inner {
	width: 70%;
}
.percent_80 .progressbar-inner {
	width: 80%;
}
.percent_90 .progressbar-inner {
	width: 90%;
}
.percent_100 .progressbar-inner {
	width: 100%;
}</pre></body></html>