@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,500;0,700;1,400&display=swap');

.navbar {padding: 25px 0; position: sticky; top: 0; left: 0; box-shadow: 0 5px 0 rgba(0,0,0,0.05); background: #fff; z-index: 9;}
.nav-logo, .nav-logo:hover {text-transform: uppercase; color: #262a2d; font-family: 'Rubik', sans-serif; font-weight:100; text-decoration: none;}
.nav-logo span {font-weight:500;}

h1, .h1 {font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 32px;}
h2, .h2 {font-family: 'Rubik', sans-serif; font-weight: 500; font-size: 26px;}
h3, .h3 {font-family: 'Rubik', sans-serif; font-weight: 300; font-size: 21px;}
h4, .h4 {font-family: 'Rubik', sans-serif; font-weight: 100; font-size: 18px;}

#content-cv {margin-top:50px;}
#content-cv p {margin-bottom: 50px;}
.cv-badge {background: #1abc9c; border-radius: 15px; color: #fff; padding: 5px 15px; font-size: 14px;}
.cv-company, .cv-location {font-size: 14px; padding-right: 15px;}
.cv-time {font-size: 14px; display: block; margin-top: 7px;}
.cv-date {font-size: 14px; display: block; margin-top: 31px;}
#content-cv .work-exp ul {padding-left: 14px; margin: 10px 0 25px 0; padding-bottom: 25px; border-bottom: 1px solid #f2f2f2;}
#content-cv .work-exp li {font-size: 11px;}
#content-cv .work-exp p {font-size: 11px; margin: 10px 0 25px 0; padding-bottom: 25px; border-bottom: 1px solid #f2f2f2;}
#content-cv .work-exp p.last, #content-cv .edu-exp p.last {font-size: 11px; margin: 10px 0 30px 0; padding-bottom: 25px; border-bottom: 0px;}
#content-cv .edu-exp p {font-size: 11px; margin: 0px 0 25px 0; padding-bottom: 25px; border-bottom: 1px solid #f2f2f2;}
#content-cv .personal-info p {font-size: 14px; margin: 5px 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
#content-cv .personal-info i {padding-right: 10px;}
#content-cv .personal-info p.first {margin-top: 30px;}
#content-cv .personal-info p.last {border-bottom: 0px;}
#content-cv .personal-info .image-container {position: relative; padding: 20px 90px 20px 0;}
#content-cv .personal-info .image-container img {border-radius: 50px;}
#content-cv .personal-info .image-container::after {content:''; position: absolute; z-index:-1; top: -15px; right: 50px; width: calc(100% - 90px); height: calc(100% - 40px); background: #1abc9c; border-radius: 50px;}
#content-cv .com-exp {margin-bottom: 40px;}
#content-cv .com-exp ul {padding: 0;}
#content-cv .com-exp li {list-style: none;}
#content-cv .com-exp i {color: #1abc9c;}

@media(max-width:576px){
	#content-cv .personal-info .image-container {display: none;}
	#content-cv {margin-top:30px;}
	#content-cv .personal-info {margin-bottom:30px;}
	.work-exp .text-right, .edu-exp .text-right {text-align: left!important;}
	.cv-badge {display:none;}
}