@keyframes down_arrow {
  from {
    margin-top:0px;
	opacity:1;
  }
  to {
    margin-top:20px;
	opacity:0;
  }
}
.down_arrow.revealed{animation: down_arrow 1.5s 2 linear;}

.revealer{opacity:0;}

@keyframes fadeIn {
  from {
	opacity:0;
  }
  to {
	opacity:1;
  }
}
.fadeIn.revealed{animation: fadeIn 0.8s linear; animation-fill-mode: forwards;}

@keyframes fadeIn2 {
  from {
	padding-top:10px;
	opacity:0;
  }
  to {
	padding-top:0px;
	opacity:1;
  }
}
.fadeIn2.revealed{animation: fadeIn2 0.3s linear; animation-fill-mode: forwards;}

@keyframes fadeIn3 {
  from {
	bottom:-10px;
	opacity:0;
  }
  to {
	bottom:0px;
	opacity:1;
  }
}
.fadeIn3.revealed{animation: fadeIn3 0.3s linear; animation-fill-mode: forwards;}