.project-group-wrapper {
    height: auto;
    background-image: inherit;
  }
  
  .project-group {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding-top: 3%;
    
}

.list-group-item {
  background-color: rgb(41, 41, 41) !important;
}

.project-group .card {
  margin-bottom: 3%;
}

.card-link {
    cursor: pointer;
    color: white;
}

.thumbnail {
    height: 50px;
    width: 50px;
    margin-right: 5%;
}

/* doll shake */

.shake {
    animation: shake 2s;
   animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.rotate {
  animation: rotation 3s infinite linear
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.auto-enter {
  transform: translateY(500%) scale(0);
}

.auto-enter-active {
  transform: translateY(0);
  transition: transform 1000ms;
  /* b-image: inherit; */
}

.hide {
  display: none;
}

.card-title > a {
  text-decoration: none !important;
  color: white;
}