html,
body,
header,
#intro {
  height: 100%;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

#intro {
  background: url("./images/Main-BG-2.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bio-pic {
  width: 176px;
  height: 233px;
  margin-right: 15px;
  margin-top: 5px;
}

#about {
  background-color: #3f4144;
  color: white;
}

.md-v-line {
  position: absolute;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  height: 50px;
  top: 0px;
  left: 54px;
}

.contact {
  background-color: #3f4144;
  color: white;
}

li a {
  color: white;
}

li a:hover {
  color: #2277b8;
}

#skills,
.skills {
  background-color: #eee;
}

/* font awesome icon colors */

.fa-html5 {
  color: orange;
}

.fa-css3 {
  color: rgb(0, 98, 255);
}

.fa-js-square {
  color: rgb(255, 0, 0);
}

.fa-bootstrap {
  color: purple;
}

.fa-node {
  color: green;
}

.fa-database {
  color: teal;
}

.fa-react {
  color: #1eaed6;
}

#portfolio {
  background-color: #3f4144;
  color: white;
}

#project-deck {
  color: black;
}

.card {
  background-color: #eee;
  color: black;
}