@-webkit-keyframes slide {
   0% {
	opacity: 0.0;
	top: -100px;
}
   100% {
	opacity: 1.0;
	top: 10px;
}

}

@keyframes slide {
   0% {
	opacity: 0.0;
	top: -100px;
}
   100% {
	opacity: 1.0;
	top: 10px;
}

}

.newsbox {
	width: 230px;
	padding: 10px ;
	border-radius: 5px;
	position: fixed;
	top: -100px;
	left: 80%;
	text-shadow: 1px 1px 2px silver;
	background-color: #EEEEEE;
	-webkit-animation-name: slide;
	-webkit-animation-duration: 2s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-name: slide;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

.batu {
  display: inline-block;
  width: 27px;
  height: 27px;
  position: relative;
  top: 0px;
  left: 0px;
  cursor: pointer;
}
.batu span::before,
.batu span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: rgb(30, 108, 233);
}
.batu span::before {
  transform: rotate(-45deg);
}
.batu span::after {
  transform: rotate(45deg);
}