@charset "utf-8";

body{
	background-color:#0A0A0A;
	width: 100%;
	height: 100%;
}

#DMCountUp{
	position: absolute;
	left: 50px;
	top: 50px;
	color: #FFFFFF;
	font-size: 200%;
	font-family: averia-gruesa-libre;
	font-style: normal;
	font-weight: 400;
}

.DMRotate{
animation: rotate-anime 1s linear infinite;
}
@keyframes rotate-anime {
0%  {transform: rotateY(0);}
100%  {transform: rotateY(360deg);}
}

.DMFlash{
  animation: flash 1s ease infinite alternate;
}
@keyframes flash {
  50% {
    opacity: 0;
  }
}

.DMFuwa{
animation:fuwafuwa 0.5s infinite linear alternate;
}
@keyframes fuwafuwa {
0% {transform:translate(0, 0) rotate(-5deg);}
50% {transform:translate(0, -5px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(5deg);}
}

.DMFadeOut{
animation:fade-out 2s 1 linear ;
}
@keyframes fade-out {
0% {opacity: 1; }
100% {opacity: 0;}
}

.DMFadeIn{
animation:fade-in 2s 1 linear ;
}
@keyframes fade-in {
0% {opacity: 0; }
100% {opacity: 1;}
}