body{
  font-family: "Montserrat",sans-serif;
}

#title{
  background-color: black;
  color: white;
  }
  .navbar{
    padding:0 0 1rem;
  }
  
  .navbar-brand{
    font-family: "Ubuntu";
    font-size: 2.5rem;
    font-weight: bold; 
  }
  
  .nav-item{
    padding:0 18px;
  }
  
  .nav-link{
    font-size: 1.2rem;
    font-family: "Montserrat";
    font-weight:300
  }
  
  .project-name{
    text-align:center;
    padding-top: 1rem;
    text-decoration: underline;
    text-underline-offset: 20%;
    font-weight: bold;
  }


  .details{
    padding: 2% 3%;
    text-align: center;
  }
  #information{
    background-color: gainsboro;
    padding-bottom: 5%;
  }


  p{
    font-size: large;
  }

  .client{
    text-align: center;
  }
  
  .title{
    text-align: center;
    padding: 2%;
  }

  .info{
    text-align: center;
  }
  .timecard{
    text-align: center;
  }
  .team-title{
    text-align: center;
    margin-top: 5%;
  }
  .team{
    margin: 5%;
  }
  .Alec-Pic{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .Clay-Pic{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .Lucas-Pic{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .Phillip-Pic{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .team-member-button {
    width: 100%;
    height: 70%;
    object-fit: cover;
    display: inline-block;
    background-color: #ffffff; /* Set your desired background color */
    color: #fff; /* Set the text color */
    padding: 10px 20px; /* Adjust padding as needed */
    text-align: center;
    text-decoration: none;
    border-radius: 5px; /* Add rounded corners */
    transition: background-color 0.3s;
  }
  
  .team-member-button:hover {
    background-color: lightgray; /* Change the background color on hover */
  }
  .project-info-images{
    width:90%;
  }
  .Electrical-Component-img{
    width:75%;
  }
  .Mechanical-Structure-img{
    width:75%;
  }
  .carousel-control{
    height:100%;
  }
  .Mechanical-Structure-img{
    max-height: 30rem;
    object-fit: cover;
  }
  #Mechanical-Structure{
    text-align:center;
    background-color:lightgrey;
    color:black;
    padding-top: 5%;
    height: 60rem;
  }
  .carousel-item{
      padding:2% 15%;
  }
  #Electrical-Components{
    text-align:center;
    background-color:darkgray;
    color:white;
    padding-top: 5%;
    height: 70rem;
  }
  #Documents{
    text-align:center;
    background-color:darkgray;
    color:white;
    }
  .Project-File{
    width:100%;
    height: 50rem;
  }

/*Individual personal pages*/
.personal-pic{
  width:50%;
  height: auto;
  border-radius: 5%;
}
.intro{
  background-color:rgb(239, 227, 212);
  padding: 1% 5% 5%;
}
.name{
  font-size: 3rem;
  font-family: 'Young Serif', serif;
}
.resume{
  padding:1% 5% 5%;
  background:linear-gradient(to bottom,rgb(239, 227, 212),rgb(160, 154, 154));
}
.project-carousel{
  background-color: rgb(160, 154, 154);
  margin:0;
}
.portfolio-nav-link{
  color: black;
  font-weight: bold;
  font-size:xx-large;
  font-family: "Montserrat";
}
.portfolio-navbar{
  background: linear-gradient(to bottom,rgb(160, 154, 154),rgb(148, 145, 145));
}
.Jobs{
  background: linear-gradient(to bottom,rgb(160, 154, 154),rgb(200, 153, 153));
  margin:0;
}
.Ann-and-Minter-img{
 height: 40rem;
 object-fit: cover;
}
.job-row{
  padding: 5%;
}
.job-title{
  padding-bottom: 5%;
}