/* ============================================================
  Header
============================================================ */

#header {
  padding: 0 15px;
}

#header > .row {
  background: rgba(207, 163, 216, 0.4);
}

#profile-image {
  border: 5px solid #fff;
  display: inline;
  margin: 40px 0 20px;
  max-height: 200px;
  max-width: 200px;
}

/* ============================================================
  About
============================================================ */

#about {
  background: #444;
  color: #fff;
  padding: 15px 15px 25px;
}

.colored-skill {
  font-weight: bold;
  text-shadow: 1px 1px 2px #000;
}

/* ============================================================
  Skills
============================================================ */

#skills {
  background: #fff;
  padding: 15px 15px 25px;
}

#skills p {
  white-space: nowrap;
}

.skill-icon {
  width: 100%;
}

.skill-icon > path {
  fill: #ccc;
}

/* ============================================================
  Education
============================================================ */

#education {
  background-color: rgba(172, 216, 163, 0.4);
  padding: 15px 15px 25px;
}

#education p {
  margin-bottom: 22px;
}

#education svg > path {
  fill: #555;
}

/* ============================================================
  Portfolio
============================================================ */

#portfolio {
  background: #fff;
  padding: 15px 15px 25px;
}

#portfolio a {
  color: #444;
}

.screenshot {
  border: 10px solid #deefda;
  padding: 10px;
}