body

{font-family: "Urbanist", sans-serif;}
a {text-decoration: none; color: black;}

.fade-in-image {
  animation: fadeIn 1s;
  display: inline-block;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; 
	transform: translateY(5%);}
  100% { opacity: 1; 
	transform: translateY(0%);}
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; 
	transform: translateY(5%);}
  100% { opacity: 1; 
	transform: translateY(0%);}
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; 
	transform: translateY(5%);}
  100% { opacity: 1; 
	transform: translateY(0%);}
}

@-o-keyframes fadeIn {
  0% { opacity: 0; 
	transform: translateY(5%);}
  100% { opacity: 1; 
	transform: translateY(0%);}
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; 
	transform: translateY(5%);}
  100% { opacity: 1; 
	transform: translateY(0%);}
}


.fade-in-image-left {
  animation: fadeleft 1s;
  -webkit-animation: fadeleft 1s;
  -moz-animation: fadeleft 1s;
  -o-animation: fadeleft 1s;
  -ms-animation: fadeleft 1s;
}

@keyframes fadeleft {
  0% { opacity: 0; 
	transform: translateX(2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-moz-keyframes fadeleft {
  0% { opacity: 0; 
	transform: translateX(2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-webkit-keyframes fadeleft {
  0% { opacity: 0; 
	transform: translateX(2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-o-keyframes fadeleft {
  0% { opacity: 0; 
	transform: translateX(2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-ms-keyframes fadeleft {
  0% { opacity: 0; 
	transform: translateX(2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

.fade-in-image-right {
  animation: faderight 1s;
  -webkit-animation: faderight 1s;
  -moz-animation: faderight 1s;
  -o-animation: faderight 1s;
  -ms-animation: faderight 1s;
}

@keyframes faderight {
  0% { opacity: 0; 
	transform: translateX(-2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-moz-keyframes faderight {
  0% { opacity: 0; 
	transform: translateX(-2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-webkit-keyframes faderight {
  0% { opacity: 0; 
	transform: translateX(-2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-o-keyframes faderight {
  0% { opacity: 0; 
	transform: translateX(-2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}

@-ms-keyframes faderight {
  0% { opacity: 0; 
	transform: translateX(-2%);}
  100% { opacity: 1; 
	transform: translateX(0%);}
}