body {
  height: 100vh;
  margin: 0;
  background-color: #ffcabb;
  background-repeat: repeat-y;
  background-image: linear-gradient(to top, #404040 95px, transparent 95px),
    linear-gradient(to top, transparent 30px, #404040 30px, #404040 33px, transparent 33px, transparent 61px, #404040 61px, #404040 64px, transparent 64px, transparent 92px, #404040 92px, #404040 95px, transparent 95px),
    linear-gradient(to top, #625a4f, #73695d 80px, #73695d 155px, #444035 155px, #444035 205px, transparent 205px),
    linear-gradient(to bottom, #73695d 100px, #23261c 100px, #23261c 225px, transparent 225px),
    linear-gradient(-147deg, transparent 33.5%, #a69886 33.6%, #a69886 52.2%, #23261c 52.3%, #23261c 65.2%, transparent 65.3%),
    linear-gradient(-147deg, transparent 33.6%, #404040 33.61%, #404040 34.3%, transparent 34.31%, transparent 39.3%, #404040 39.3%, #404040 40%, transparent 40.01%, transparent 45%, #404040 45.01%, #404040 45.7%, transparent 45.7%),
    linear-gradient(147deg, transparent 33.6%, #404040 33.61%, #404040 34.3%, transparent 34.31%, transparent 39.3%, #404040 39.3%, #404040 40%, transparent 40.01%, transparent 45%, #404040 45.01%, #404040 45.7%, transparent 45.7%),
    linear-gradient(147deg, transparent 10%, #73695d 10.1%, #73695d 28%, #23261c 28.1%, #23261c 41.6%, transparent 41.7%, transparent 76.2%, #73695d 76.3%, #73695d 94.2%, #23261c 94.3%),
    linear-gradient(to bottom, transparent 88px, #404040 88px, #404040 182px, transparent 182px),
    linear-gradient(to bottom, transparent 88px, #404040 88px, #404040 182px, transparent 182px),
    linear-gradient(to top, transparent 31px, #404040 31px, #404040 34px, transparent 34px, transparent 63px, #404040 63px, #404040 66px, transparent 66px, transparent 93px, #404040 93px, #404040 96px, transparent 96px),
    linear-gradient(to bottom, transparent 43px, #ffcabb 43px, #ffcabb 182px, #73695d 182px, #73695d 284px, transparent 284px),
    linear-gradient(110deg, #23261c 87%, transparent 87.1%);
  background-size: 3px 360px, 320px 360px, 100px 360px, 320px 360px, 280px 360px, 280px 360px, 280px 360px, 280px 360px, 3px 360px, 3px 360px, 200px 360px, 200px 360px, 200px 360px;
  background-position: 317px 0, 0 0, 150px 0, 0 0, 320px 0, 320px -95px, 320px 134px, 320px 0, 597px 0, 797px 0, 600px -177px, 600px 0, 600px 43px;
  animation: scrollBackground 20s linear infinite;
  position: absolute;
}

@keyframes scrollBackground {
  to {
    background-position: 317px 360px, 0 360px, 150px 360px, 0 360px, 320px 360px, 320px 265px, 320px 494px, 320px 360px, 597px 360px, 797px 360px, 600px 183px, 600px 360px, 600px 403px;
  }
}


.con {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  text-align: left;
  color: #404040;
  font-size: 20px;
  animation: moveText 40s linear infinite;
}

@keyframes moveText {
  0% {
    transform: translateY(360px);
  }
  /* 没办法完全循环在屏幕里，大概需要增加距离 */
  100% {
    transform: translateY(1080px);
  }
}

.special-text:nth-child(2) {
  top: -360px;
}

.special-text:nth-child(3) {
  top: -720px;
}

.special-text:nth-child(4) {
  top: -1080px;
}