.navbar {
background-color: #e9e8e6 !important;
}
.custom-navbar {
background-color: #e9e8e6;
border-bottom: 1px solid #ddd;
}
.navbar-nav li {
list-style: none;
}
.navbar-nav .menu-item a {
display: block;
padding: 0.5rem 1rem;
color: #212529;
text-decoration: none;
}
.navbar-nav .menu-item a:hover {
color: #0d6efd;
}
.header-social-links a {
color: #333;
font-size: 18px;
transition: 0.3s;
}
.header-social-links a:hover {
color: #0d6efd;
}
.hero {
text-align: center;
}
.hero img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0 6px;
font-size: 18px;
border-radius: 50%;
background: #f1f1f1;
color: #333;
transition: 0.3s;
}
.social-links a:hover {
background: #0d6efd;
color: #fff;
}
.section-title {
max-width: 700px;
margin: 28px auto;
text-align: center;
height:120px;
}
.section-title {
display: block;
width: 100%;
}
#skills .progress {
height: auto !important;
display: block !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
margin-bottom: 30px !important;
}
#skills .skill {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-bottom: 8px !important;
font-weight: 600 !important;
color: #111 !important;
text-transform: uppercase !important;
}
#skills .skill .val {
float: none !important;
font-style: normal !important;
}
#skills .progress-bar-wrap {
width: 100% !important;
height: 12px !important;
background: #e9ecef !important;
border-radius: 0 !important;
overflow: hidden !important;
}
#skills .progress-bar {
height: 12px !important;
background-color: #34b7a7 !important;
width: 0;
border-radius: 0 !important;
transition: width 1s ease !important;
} .resume .resume-title {
font-size: 28px;
font-weight: 700;
margin-top: 20px;
margin-bottom: 20px;
color: #222;
}
.resume .resume-item {
padding: 0 0 20px 26px;
margin-top: -2px;
border-left: 2px solid #34b7a7;
position: relative;
}
.resume .resume-item::before {
content: "";
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
left: -9px;
top: 0;
background: #fff;
border: 2px solid #34b7a7;
}
.resume .resume-item h4 {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #555;
margin-bottom: 10px;
}
.resume .resume-item h5 {
font-size: 16px;
font-weight: 600;
padding: 5px 15px;
display: inline-block;
margin-bottom: 10px;
}
.resume .resume-item ul {
padding-left: 20px;
}
.resume .resume-item ul li {
padding-bottom: 10px;
}
.galeri-caption {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 999 !important;
height: auto !important;
min-height: 40px !important;
line-height: 40px !important;
background: red !important;
color: white !important;
font-size: 18px !important;
text-align: center !important;
}