*{
  margin:0;
  padding:0;
  box-sizing: border-box
}
a{
  text-decoration: none;
}
img{
  border:none;
}
body {
  background:  #fff;
}
.box {
  width: 750px;height:200px;
  margin: 0 auto;
   /* background: #ccc;  */
  position: absolute;left:50%;top:50%;
  transform: translate(-50%,-50%);
}
/* .scale {
   background: #44f; 
} */
.describe {
  width: 430px;
  margin: 0 auto;
  /* background: #f4f; */
  line-height: 60px;
}
.logo {
  margin-left: 8px;
  margin-bottom: 8px;
}
.scale {
  animation: scale 1.3s forwards;
}
@keyframes scale {
  0% {
    transform: scale(.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
span {
  display: inline-block;
  text-shadow: 0 0 0 whitesmoke;
  animation: smoky 1.6s forwards;
}
@keyframes smoky {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70%{
    text-shadow: 0 0 20px whitesmoke;
  }
}