body {
    font-family: "Open Sans", sans-serif;
    color: #272829;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
}

.primecolor{
    color: #0563BB;
}

.whitecolor{
    color: #efefef !important;
}

.primebackground{
    background-color: #0563BB !important;
}

.btn-primary{
    background-color: #efefef !important;
    color: #0563BB !important;
    border-color: #efefef !important;
    margin-right: 10px;
    margin-bottom: 20px;
}

.btn-secondary{
    background-color: transparent !important;
    color: #efefef !important;
    border-color: #efefef !important;
    margin-right: 10px;
    margin-bottom: 20px;
}
.hr-title{
    margin-left: 30% !important; 
    margin-right: 30% !important; 
    height: 5px !important;
    border-radius: 10px !important;
    border-color: #0563BB !important;
    background-color: #0563BB !important;
    border-color: #0563BB !important;
    opacity: 1 !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9997;
    transition: all 0.5s;
    padding: 20px;
    overflow-y: auto;
  }
  
  @media (max-width: 992px) {
    #header {
      width: 300px;
      background: #fff;
      border-right: 1px solid #e6e9ec;
      left: -300px;
    }
  }
  
  @media (min-width: 992px) {
    #main {
      margin-left: 0px;
    }
  }
  


/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
.navbar {
    height: 10vh;
}

.navbar-brand{
    color:#efefef !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
}

.nav-item{
    color: #efefef !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;
    padding-right: 10px;
}
/*--------------------------------------------------------------
# Section
--------------------------------------------------------------*/

section {
    padding-top:80px;
    width:100%;
    background-color: #fff;
}

.social-links a {
    padding-top:10px;
    padding-bottom:20px;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    margin-right: 20px;
}


.section-title {
    text-align: left;
    margin-right: 20px;
    padding-bottom: 20px;
}

.section-title h1 {
    font-size: 48px;
    font-weight: bold;
    position: relative;
    color: #efefef;
    line-height: 1.5;
}


.section-title h2 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
    color: #efefef;
    line-height: 1.5;
}

.section-subtitle {
    font-size: 18px;
    text-align: left;
    position: relative;
    color: #efefef;
    margin-right: 20px;
    padding-bottom: 20px;
}



/*--------------------------------------------------------------
# Project
--------------------------------------------------------------*/
.project-section-title{
    font-size: 32px;
    font-weight: bold !important;
    color: #0563BB;
    line-height: 1.5;
}

.project-title{
    font-size: 18px;
    font-weight: bold !important;
    color: #0563BB;
    line-height: 1.5;
}

.project-description{
    font-size: 14px;
    line-height: 1.5;
}

.project-link{
    font-size: 10px !important;
    margin-left: 10px;
    margin-left: 10px;
}

.btn-project{
    background-color: transparent !important;
    color: #0563BB !important;
    border-color: transparent !important;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}


.open-source-project{
    padding-top:60px;
}

.open-source-project h2{
    font-size:24px;
    color: #272829;
    font-weight: bold;
}