/* #home {
    width: 100%;
    height: 100vh;
    background: url(/assets/images/kalpesh.jpeg) top right no-repeat;
    background-size: cover;
    position: relative; 
  } */
  @import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');
  /* *{
    font-family: 'Comfortaa', cursive;
  } */

  .slide{
    width: 100%;
    height: 100vh;
    background-size: cover;
    position: relative; 
  }

  .active-dark .slide {
    background-color: #101010;
    /* background-image: url(/assets/images/bg/bg-image-28.jpg) !important; */
    background-image: url(/assets/images/Kalpesh2.png) !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
  }

.about-img{
  width: 25em;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.about-img:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.01);
    }

.short{
  color: aliceblue;
}

div .liststyle{
  color: rgba(198, 201, 216, 0.75);;
    font-size: 16px;
    line-height: 2.5em;
    margin-bottom: 15px;
    font-weight: 300;
}

.fa-chevron-right, .skill-icon{
  color: #f9004d;
}


.rounded-lg {
  border-radius: 1rem;
}


.myskills{
  background-color:#1d1d24;
  width: 10em;
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 767px){
  .active-dark .slide {
    background-color: #101010;
    background-image: url(/assets/images/Kalpeshsmall2.png) !important;
    /* filter: brightness(70%); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/* @media only screen and (max-width: 767px){
  .about-img{
    

  }

} */

/* projects */

.portfolio .thumbnail img{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit:cover;
  background-size: cover;
  background-position: 50%;
}

.header-icon{
  font-size: 2em;
}