html,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}

footer {
background: linear-gradient(60deg, red, orange, yellow, lime, cyan, blue, indigo, violet);
background-size: 10000% 10000%;

animation: bg-gradient 50s infinite;
}

@keyframes bg-gradient { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}
.fa-beat {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat {
  0% {
    transform:scale(1);
  }
  5% {
    transform:scale(1.25);
  }
  20% {
    transform:scale(1);
  }
  30% {
    transform:scale(1);
  }
  35% {
    transform:scale(1.25);
  }
  50% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}
.fa:hover {
    opacity: 0.7;}
.fa-facebook {
  font-size: 30px;
  color: white;
  align-items: center;
  text-decoration: none;
}
.fa-twitter {
  font-size: 30px;
  color: white;
  align-items: center;
  text-decoration: none;
}
.fa-linkedin {
  font-size: 30px;
  color: white;
  align-items: center;
  text-decoration: none;
}
.fa-instagram {
  font-size: 30px;
  color: white;
  align-items: center;
  text-decoration: none;
}
#shadowBox {
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.2);
    /* Black w/opacity/see-through */
    border: 3px solid;
}

.rainbow {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}
.rainbow_text_animated {
    background: linear-gradient(to right, red, orange, yellow, lime, cyan, blue, indigo, violet);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 5s infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}