.grow {
  transition: all .1s ease-in-out;
}
.grow:hover {
  transform: scale(1.2);
}

.dropShadowHover:hover {
  box-shadow: black 0px 0px 0px;
    transition: all .2s ease-in-out;
}

.dropShadowHover:hover {
  box-shadow: black 0px 0px 100px, black 0px 0px 100px;

  border-radius: 16px;
}

.galleryImage {
  object-fit: cover;
  cursor: pointer;
  width: 225px;
  height: 225px;
}
.galleryImage:hover {
  width: 225px;
  max-height: 500px;
}

.navMask {
  transition: all .1s ease-in-out;
  -webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,1));
  filter: drop-shadow(0px 0px 0px #fff);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')"
}
.navMask:hover {
  -webkit-filter: drop-shadow(0px 0px 5px rgba(255,255,255,1));
  filter: drop-shadow(0px 0px 5px #fff);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#fff')"
}

.modalFadeIn {
  animation: fadein 0.25s;
  -moz-animation: fadein 0.25s; /* Firefox */
  -webkit-animation: fadein 0.25s; /* Safari and Chrome */
  -o-animation: fadein 0.25s; /* Opera */
}

@keyframes fadein {
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-moz-keyframes fadein { /* Firefox */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
  from {
      opacity:0;
  }
  to {
      opacity:1;
  }
}
@-o-keyframes fadein { /* Opera */
  from {
      opacity:0;
  }
  to {
      opacity: 1;
  }
}

.maskLoading {
  animation: spinning 3s infinite;
  animation-timing-function: ease-in;
  -moz-animation: spinning 3s infinite; /* Firefox */
  -webkit-animation: spinning 3s infinite; /* Safari and Chrome */
  -o-animation: spinning 3s infinite; /* Opera */
}

@keyframes spinning {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(30deg);
  }
  30% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(360deg);
  }
}