@keyframes pulse {
  0% {
    background-color: rgba(0, 255, 112, 1);
    box-shadow: 0 0 0 .5em rgba(0, 255, 112, 1);
  }

  17% {
    background-color: rgba(0, 0, 255, 1);
    box-shadow: 0 0 0 .5em rgba(0, 0, 255, 1);
  }

  50% {
    background-color: rgba(255, 0, 0, 1);
    box-shadow: 0 0 0 .5em rgba(255, 0, 0, 1);
  }

  83% {
    background-color: rgba(0, 255, 0, 1);
    box-shadow: 0 0 0 .5em rgba(0, 255, 0, 1);
  }

  100% {
    background-color: rgba(0, 255, 112, 1);
    box-shadow: 0 0 0 .5em rgba(0, 255, 112, 1);
  }
}

a {
  color: #fff;
  text-decoration: none;
  font-family: 'Josefin Sans Bold', sans-serif;
}

.index:hover {
  animation: pulse 1s infinite;
}

.photos:hover {
  box-shadow: 0 0 0 .5em rgb(120, 120, 120);
  background-color: rgb(120, 120, 120);
}

.info:hover {
  box-shadow: 0 0 0 .5em rgb(150, 225, 125);
  background-color: rgb(150, 225, 125);
}

.nav-rsvp:hover {
  background-color: greenyellow;
  box-shadow: 0 0 0 .5em greenyellow;
}