*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{

  scroll-behavior:smooth;

}

/* ANIMACIONES */

.reveal{

  opacity:0;

  transform:translateY(80px);

  transition:1s ease;

}

/* ACTIVO */

.reveal.active{

  opacity:1;

  transform:translateY(0);

}