.fade-in {
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}
.fade-in2 {
 
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0s;
  -moz-animation: fadeIn ease 0s;
  -o-animation: fadeIn ease 0s;
  -ms-animation: fadeIn ease 0s;
}

 .slidein {
    float:top;
    animation-duration: 0.2s;
    animation-name: slidein;
}

@keyframes slidein {
    0%{
		transform:translateY(50px);
	}
	100%{
		transform:translateY(0px);
	}
} 

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* The style below is just for the appearance of the example div */

.style {

  
 
 
}
.style p {


}