body{
background-color: white;  
height: 850px;
overflow-y:scroll;
    -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;
}

#last{
  position: absolute;
  top:0px;
  left: 0px;
  width: 100%;
  height: 850px;
background: linear-gradient(-270deg, rgba(255, 255, 255, 1)0%, rgba(0, 0, 0, 1)80%); 
background: -moz-linear-gradient(-270deg, rgba(255, 255, 255, 1)0%, rgba(0, 0, 0, 1)80%); 
background: -webkit-linear-gradient(-270deg, rgba(255, 255, 255, 1)0%, rgba(0, 0, 0, 1)80%); 
background: -o-linear-gradient(-270deg, rgba(255, 255, 255, 1)0%, rgba(0, 0, 0, 1)80%);
}
#info{
-webkit-animation-name: scrollyx;
-webkit-animation-duration: 1.2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: scrolly;
-moz-animation-duration: 1.2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes scrollyx{
from {-webkit-transform:translate(0, 0px);}
50% {-webkit-transform:translate(0, 18px);}
to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes scrolly{
from {-moz-transform:translate(0, 0px);}
50% {-moz-transform:translate(0, 18px);}
to {-moz-transform: translate(0, -0px);}
 }