*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
}
.homea{
    background-image: url(images/pexels-craigmdennis-205421.jpg);
    height: 100vh;
    background-size: 100% 100%;
    
}

 .navbar-nav .nav-item .nav-link {
    font-size: 0.95rem;
    color: #fff;
    
}
.navbar{
    box-shadow: 0px 2px 4px rgba(231, 149, 149, 0.2); 
    
}
.navbar-brand img{
    height: 3rem;
    padding-top: 1.25rem ;
}
.masthead{
    padding-top:10rem;
    color: white;
}
.masthead .masthead-subheading .masthead-heading{
    line-height: 1rem;
}
.masthead-subheading{
    font-size: 2.25rem;
    font-style: italic;
    margin-bottom: 0.5rem;
}
.masthead-heading{
    font-size: 4rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}


.btn{
    padding: 1.25rem 2.25rem;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.125rem;
    font-weight: 700;
}

.fa-solid{
    color: white;
}
.team{
    border-radius: 50%;
    border: 6px solid rgb(211, 207, 207);  
}
.lin{
    text-decoration: none;
    color:#212529;  
}    
.lin:hover{
    color: #4a4b4d;
}
.clients{
    width: 50%;
}
.contact{
    background-image: url(images/fe5538b0-ee86-4739-8db6-3a41ee8828d7.jpeg);
    height: 100vh;
    width: 100%;
    background-size: 100% 100%;
    opacity: 0.9;
    background-repeat: no-repeat;
}
.portfolio-item {
    position: relative;
    overflow: hidden;
    text-align: center;
  }
  

  .portfolio-img-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
  }
  
  .portfolio-img-wrapper img {
    display: block;
    width: 100%;
    transition: 0.3s ease-in-out;
  }
  
  .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 0, 0.7); 
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
  }
  .plus-sign {
    font-size: 3rem;
    font-weight: bold;
    color: rgb(255, 255, 255);
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
  }
  
  .portfolio-img-wrapper:hover .hover-overlay {
    opacity: 1;
  }