body {
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 5%;
  background-color: white;
  font-family: 'Roboto Slab', serif;
}

.center {
  text-align: center;
}

.info-container, footer {
  margin-top: 5%;
}

.card-header {
  background-color: white;
}

hr {
  height: 1px;
	background-image: linear-gradient(90deg, #003087, transparent);
}

.exp-card, .proj-card {
  margin-top: 2%;
}

h1, h2, h3, h4, h5, h6{
  color: #003087;
}

#Connect a {
  color: black;
}

.btn-link {
  color: black;
}

.skill-row {
  margin-top: 1%;
}

.fa {
  margin: 1%;
}

.progressBarContainer {
	  width: 100%;
	  height: 15px;
	  background: #F4F1EA;
	  overflow: hidden;
	  border-radius: 5px;
    border: 1px solid #009cde;
}

.progressBarValue {
	  height: 15px;
	  float: left;
	  background: #009cde;
}

.value-text {
  font-size:10px;
  margin-right: 5px;
}

.value-00 { width: 0; }

.value-10 { width: 10%; }

.value-20 { width: 20%; }

.value-30 { width: 30%; }

.value-40 { width: 40%; }

.value-50 { width: 50%; }

.value-60 { width: 60%; }

.value-70 { width: 70%; }

.value-80 { width: 80%; }

.value-90 { width: 90%; }

.value-100 { width: 100%; }