.pop-in {
    opacity: 0;
    transform: scale(1.2);
}

@media (prefers-reduced-motion: no-preference) {
  .pop-in {
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
}

.pop-in-animation {
    opacity: 1;
    transform: none;
}

/* Fade in */

.fade-in {
    opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
  .fade-in {
    transition: opacity 1.5s ease;
  }
}

.fade-in-animation {
    opacity: 1;
}

/* Fade in sequence */
.fade-item {
	opacity: 0;
	transform: scale(1.2);
}

@media (prefers-reduced-motion: no-preference) {
  .fade-item {
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
}

.fade-item-animation {
    opacity: 1;
    transform: none;
}

/* Fade from left */
.fade-from-left {
	left: -40%;
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.fade-from-left {
		transition: left 1s ease, opacity 3s ease;
	}
}

.fade-from-left-animations {
	left: 0%;
	opacity: 1;
}

/* Fade from right */
.fade-from-right {
	right: -40%;
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.fade-from-right {
		transition: right 1s ease, opacity 3s ease;
	}
}

.fade-from-right-animations {
	right: 0%;
	opacity: 1;
}

/* Fade from bottom */
.fade-from-bottom {
	bottom: -200px;
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.fade-from-bottom {
		transition: bottom 1s ease, opacity 3s ease;
	}
}

.fade-from-bottom-animations {
	bottom: 0px;
	opacity: 1;
}


/* Fade from top */
.fade-from-top {
	top: -200px;
	opacity: 0;
}

@media (prefers-reduced-motion: no-preference) {
	.fade-from-top {
		transition: top 1s ease, opacity 3s ease;
	}
}

.fade-from-top-animations {
	top: 0px;
	opacity: 1;
}

/* Small to big to small scale - pop-effect*/
@keyframes pop-effect {
  0% {
	transform: scale(1)
  }
  75% {
    transform: scale(1.3)
  }
  100% {
	transform: scale(1)
  }
}


@media (prefers-reduced-motion: no-preference) {
	.pop-effect-animation {
		animation-name: pop-effect;
		animation-duration: .7s;
		animation-timing-function: ease-in;
		border: 1px solid black;
	}
}