@import url("IBMPlexSerif_Light/stylesheet.css");


body{
    font-family: "IBMPlexSerif Light";
    color: white;
    background-color: black;
}
ul {
    display: inline-block;
    *display: inline;
    zoom: 1
}
Form{
    color: white;
}
footer {
            color: #fff;
            background: #000000;
            padding: 17px 0 18px 0;
            border-top: 1px groove #000; 
      }

.container-fluid{
    background-color:black;
}
.container{
    background-color:black;
}
.thumbnail {
    position: relative;
    background: rgba(255, 255, 255, 0.2);
}

.caption {
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.4); 
  color: white;
  font-weight: bold;
  border: 3px solid #f1f1f1;
  position: absolute;
  padding: 20px;
  text-align: center;
    position: absolute;
    top: 29%;
    left: 0%;
    width: 100%;
    color: white;
    text-transform: uppercase;
}
.card-img-top{
    
    width:100%;
    height:100%;
}
.navbar-nav li{
  padding-left:30px;
  padding-right:30px; 
}

.search-container button:hover {
  background: #ccc;
}
.heading{
    color: black;
}
.jumbotron {
            height: 10px;
            background-size: cover;
}
.carousel-inner{
  width:100%;
  max-height: 951px;
}
.active {
  border-bottom: 1px solid white;
}
.img-fluid{
    max-width: 100%;
    height: auto;
}

.img-wrapper {
  position: relative;
 }

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.name{
    font-size: 22px;
}
.figure-caption{
    color: white;
}
.img-overlay:before{
  content: ' ';
  display: block;
  /* adjust 'height' to position overlay content vertically */
  height: 40%;
}
.card-text{
    color: black;
    font-size: 17px;
}
#card-caption{
    color: black;}
#project2{
    width: 480px;
}
#project3{
    width: 480px;
}
#project4{
    width: 480px;
}
#project5{
    width: 480px;
}
#project6{
    height: 330px;
}

#social {
    color: white;
    padding-left: .3em;
}
}
#headings {
    color: white;
}
#skills{
    color: white;
    font-size: 19px;
}