/* Style the active class (and buttons on mouse-over) */
.w3-button.active {
  color:#fff!important;
  background-color:#000!important;
}

.projectpage {
  padding: 0px 90px 0px 90px;
}

.headerimage {
  padding: 12px 50px 12px 50px;
}
/* The "show" class is added to the filtered elements */
.show {
  display: inline-block!important;
}

.WebElement {
  display: none;
}

.animated:before{
  content: '';
  animation: animate 11s infinite;
}
@keyframes animate {
  0%{
    content: 'a Photographer';
  }
  20%{
    content: 'an Engineer';
  }
  40%{
    content: 'a Scientist';
  }
  60%{
    content: 'a Writer';
  }
  80%{
    content: 'a Pop Culture Enthusiast';
  }
  100%{
    content: 'a Musician';
  }
}

.masonry { 
  display: flex;
  flex-flow: column wrap;
  max-height: 1000px; 
  align-content: flex-start;
  /* margin-left: -8px; /* Adjustment for the gutter */
  width: 100%;
}

.masonry-brick {
  margin: 0 8px 8px 8px; /* Some gutter */
  width: 250px;
}