* {
  padding: 0;
  margin: 0;
  letter-spacing: 3px;
}

a {
    text-decoration: none; /* 移除下划线 */
    color: inherit; /* 继承父元素的文字颜色 */
}
 
a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 100%;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}

body {
  height: 100vh;
  overflow: hidden;
  display: grid;
  place-items: center;
}

.info {
  color: #fff;
  position: absolute;
  z-index: 99999;
  top: calc(50% + 30px);
  left: 30%;
  right: 30%;
  font-family: sans-serif;
  text-align: center;
}

/* 在 style.css 里添加新按钮样式 */



.header {
  height: 3rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fffae1;
  padding: 1.5rem 1rem;
}
.header .menu {
  display: flex;
}
.header .menu a {
  text-decoration: none;
  margin: 0 1rem;
  color: #fffae1;
  position: relative;
  display: block;
  z-index: 999;
  font-size: 20px;
}
.header .menu a .outter::before {
  content: "";
  background: #fffae1;
  position: absolute;
  height: 1px;
  width: calc(100% + 12px);
  top: 0;
  left: 0;
  left: -8px;
  transform: scale(0);
  transform-origin: left;
  transition: 0.6s ease;
}
.header .menu a .outter::after {
  content: "";
  background: #fffae1;
  position: absolute;
  height: 1px;
  width: calc(100% + 12px);
  bottom: 0;
  left: -8px;
  transform: scale(0);
  transform-origin: right;
  transition: 0.6s ease;
}
.header .menu a .inner::before {
  content: "";
  background: #fffae1;
  position: absolute;
  width: 1px;
  height: calc(100% + 10px);
  top: -5px;
  left: -2px;
  transform: scale(0);
  transform-origin: bottom;
  transition: 0.6s ease;
}
.header .menu a .inner::after {
  content: "";
  background: #fffae1;
  position: absolute;
  width: 1px;
  height: calc(100% + 10px);
  top: -5px;
  right: 0px;
  transform: scale(0);
  transform-origin: top;
  transition: 0.6s ease;
}
.header .menu a:hover span::before {
  transform: scale(1);
}
.header .menu a:hover span::after {
  transform: scale(1);
}

.cursor {
  width: 100px;
  height: 100px;
  border: 1px solid #fffae1;
  border-radius: 50%;
  position: absolute;
  transition: 0.1s ease;
  z-index: -2;
  opacity: 1;
  top: -100px;
  left: -100px;
}

.cursor-fade {
  transition: 0.5s ease;
  transform: scale(2);
  filter: url(#filth);
  opacity: 0;
}


@keyframes closebefore {
  0% {
    height: 58px;
    width: calc(100% + 27px);
  }
  
  50% {
    width: 58px;
    height: 58px;
  }
  
  100% {
    width: 0;
    height: 0;
  }
}

.background {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background: #070814;
  overflow: hidden;
}

.background li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(200, 180, 100, 0.5);
  animation: animate 13s linear infinite;
}

.background li:nth-child(0) {
  left: 6%;
  width: 11px;
  height: 11px;
  bottom: -11px;
  animation-delay: 1s;
}

.background li:nth-child(1) {
  left: 31%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 3s;
}

.background li:nth-child(2) {
  left: 10%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 3s;
}

.background li:nth-child(3) {
  left: 51%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 2s;
}

.background li:nth-child(4) {
  left: 74%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 12s;
}

.background li:nth-child(5) {
  left: 61%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 25s;
}

.background li:nth-child(6) {
  left: 46%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 29s;
}

.background li:nth-child(7) {
  left: 56%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 11s;
}

.background li:nth-child(8) {
  left: 34%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 17s;
}

.background li:nth-child(9) {
  left: 27%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 12s;
}

.background li:nth-child(10) {
  left: 35%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 26s;
}

.background li:nth-child(11) {
  left: 62%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 10s;
}

.background li:nth-child(12) {
  left: 29%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 57s;
}

.background li:nth-child(13) {
  left: 11%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 52s;
}

.background li:nth-child(14) {
  left: 7%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 30s;
}

.background li:nth-child(15) {
  left: 61%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 63s;
}

.background li:nth-child(16) {
  left: 35%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 13s;
}

.background li:nth-child(17) {
  left: 84%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 15s;
}

.background li:nth-child(18) {
  left: 87%;
  width: 11px;
  height: 11px;
  bottom: -11px;
  animation-delay: 9s;
}

.background li:nth-child(19) {
  left: 72%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 14s;
}

.background li:nth-child(20) {
  left: 68%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 24s;
}

.background li:nth-child(21) {
  left: 73%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 78s;
}

.background li:nth-child(22) {
  left: 5%;
  width: 11px;
  height: 11px;
  bottom: -11px;
  animation-delay: 85s;
}

.background li:nth-child(23) {
  left: 41%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 66s;
}

.background li:nth-child(24) {
  left: 69%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 118s;
}

.background li:nth-child(25) {
  left: 56%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 79s;
}

.background li:nth-child(26) {
  left: 15%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 70s;
}

.background li:nth-child(27) {
  left: 25%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 34s;
}

.background li:nth-child(28) {
  left: 58%;
  width: 11px;
  height: 11px;
  bottom: -11px;
  animation-delay: 40s;
}

.background li:nth-child(29) {
  left: 61%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 80s;
}

.background li:nth-child(30) {
  left: 64%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 89s;
}

.background li:nth-child(31) {
  left: 16%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 123s;
}

.background li:nth-child(32) {
  left: 21%;
  width: 11px;
  height: 11px;
  bottom: -11px;
  animation-delay: 157s;
}

.background li:nth-child(33) {
  left: 62%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 136s;
}

.background li:nth-child(34) {
  left: 46%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 125s;
}

.background li:nth-child(35) {
  left: 0%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 154s;
}

.background li:nth-child(36) {
  left: 62%;
  width: 7px;
  height: 7px;
  bottom: -7px;
  animation-delay: 9s;
}

.background li:nth-child(37) {
  left: 16%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 39s;
}

.background li:nth-child(38) {
  left: 63%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 163s;
}

.background li:nth-child(39) {
  left: 62%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 149s;
}

.background li:nth-child(40) {
  left: 88%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 144s;
}

.background li:nth-child(41) {
  left: 81%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 85s;
}

.background li:nth-child(42) {
  left: 7%;
  width: 9px;
  height: 9px;
  bottom: -9px;
  animation-delay: 66s;
}

.background li:nth-child(43) {
  left: 60%;
  width: 11px;
  height: 11px;
  bottom: -11px;
  animation-delay: 136s;
}

.background li:nth-child(44) {
  left: 68%;
  width: 10px;
  height: 10px;
  bottom: -10px;
  animation-delay: 184s;
}

.background li:nth-child(45) {
  left: 84%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 131s;
}

.background li:nth-child(46) {
  left: 73%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 79s;
}

.background li:nth-child(47) {
  left: 50%;
  width: 8px;
  height: 8px;
  bottom: -8px;
  animation-delay: 99s;
}

.background li:nth-child(48) {
  left: 32%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 189s;
}

.background li:nth-child(49) {
  left: 28%;
  width: 12px;
  height: 12px;
  bottom: -12px;
  animation-delay: 33s;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}
.background span {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 49;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.background span:nth-child(0) {
  color: #e49830;
  top: 1%;
  left: 83%;
  animation-duration: 11s;
  animation-delay: -1s;
  transform-origin: -1vw 7vh;
  box-shadow: -2vmin 0 1.2166831475vmin currentColor;
}

.background span:nth-child(1) {
  color: #e49830;
  top: 77%;
  left: 30%;
  animation-duration: 8s;
  animation-delay: -6s;
  transform-origin: -16vw -3vh;
  box-shadow: 2vmin 0 1.0814137563vmin currentColor;
}

.background span:nth-child(2) {
  color: #ffb91a;
  top: 31%;
  left: 42%;
  animation-duration: 11s;
  animation-delay: -6s;
  transform-origin: 13vw -16vh;
  box-shadow: 2vmin 0 0.252018094vmin currentColor;
}

.background span:nth-child(3) {
  color: #ffc872;
  top: 94%;
  left: 2%;
  animation-duration: 8s;
  animation-delay: -8s;
  transform-origin: -12vw -22vh;
  box-shadow: 2vmin 0 0.4037830081vmin currentColor;
}

.background span:nth-child(4) {
  color: #ffc872;
  top: 66%;
  left: 14%;
  animation-duration: 8s;
  animation-delay: -5s;
  transform-origin: 2vw -12vh;
  box-shadow: 2vmin 0 0.3104758149vmin currentColor;
}

.background span:nth-child(5) {
  color: #ffb91a;
  top: 30%;
  left: 22%;
  animation-duration: 15s;
  animation-delay: -10s;
  transform-origin: -24vw -6vh;
  box-shadow: -2vmin 0 0.5184082025vmin currentColor;
}

.background span:nth-child(6) {
  color: #ffb91a;
  top: 61%;
  left: 96%;
  animation-duration: 11s;
  animation-delay: -8s;
  transform-origin: -9vw 4vh;
  box-shadow: -2vmin 0 1.0658300054vmin currentColor;
}

.background span:nth-child(7) {
  color: #ffb91a;
  top: 42%;
  left: 95%;
  animation-duration: 9s;
  animation-delay: -2s;
  transform-origin: 14vw 7vh;
  box-shadow: 2vmin 0 0.7873386022vmin currentColor;
}

.background span:nth-child(8) {
  color: #ffc872;
  top: 30%;
  left: 69%;
  animation-duration: 6s;
  animation-delay: -9s;
  transform-origin: 9vw 25vh;
  box-shadow: -2vmin 0 1.2340148539vmin currentColor;
}

.background span:nth-child(9) {
  color: #e49830;
  top: 76%;
  left: 65%;
  animation-duration: 7s;
  animation-delay: -1s;
  transform-origin: -19vw 11vh;
  box-shadow: -2vmin 0 0.3706580269vmin currentColor;
}

.background span:nth-child(10) {
  color: #e49830;
  top: 98%;
  left: 81%;
  animation-duration: 14s;
  animation-delay: -10s;
  transform-origin: 6vw 17vh;
  box-shadow: 2vmin 0 0.7071063458vmin currentColor;
}

.background span:nth-child(11) {
  color: #e49830;
  top: 2%;
  left: 66%;
  animation-duration: 15s;
  animation-delay: -4s;
  transform-origin: 9vw 12vh;
  box-shadow: -2vmin 0 0.7101778948vmin currentColor;
}

.background span:nth-child(12) {
  color: #ffc872;
  top: 60%;
  left: 4%;
  animation-duration: 13s;
  animation-delay: -10s;
  transform-origin: -2vw 21vh;
  box-shadow: 2vmin 0 0.9531848799vmin currentColor;
}

.background span:nth-child(13) {
  color: #ffb91a;
  top: 21%;
  left: 41%;
  animation-duration: 14s;
  animation-delay: -7s;
  transform-origin: -4vw 22vh;
  box-shadow: -2vmin 0 0.3326184955vmin currentColor;
}

.background span:nth-child(14) {
  color: #e49830;
  top: 40%;
  left: 13%;
  animation-duration: 14s;
  animation-delay: -1s;
  transform-origin: 8vw 25vh;
  box-shadow: -2vmin 0 0.2889462611vmin currentColor;
}

.background span:nth-child(15) {
  color: #ffc872;
  top: 93%;
  left: 68%;
  animation-duration: 10s;
  animation-delay: -10s;
  transform-origin: -20vw 7vh;
  box-shadow: 2vmin 0 1.1570768969vmin currentColor;
}

.background span:nth-child(16) {
  color: #ffb91a;
  top: 28%;
  left: 16%;
  animation-duration: 14s;
  animation-delay: -3s;
  transform-origin: 4vw -1vh;
  box-shadow: 2vmin 0 0.3110673443vmin currentColor;
}

.background span:nth-child(17) {
  color: #ffc872;
  top: 41%;
  left: 77%;
  animation-duration: 13s;
  animation-delay: -8s;
  transform-origin: -2vw 25vh;
  box-shadow: 2vmin 0 1.1632744326vmin currentColor;
}

.background span:nth-child(18) {
  color: #ffb91a;
  top: 65%;
  left: 99%;
  animation-duration: 7s;
  animation-delay: -10s;
  transform-origin: -19vw 24vh;
  box-shadow: 2vmin 0 0.4234082352vmin currentColor;
}

.background span:nth-child(19) {
  color: #ffb91a;
  top: 99%;
  left: 33%;
  animation-duration: 14s;
  animation-delay: -7s;
  transform-origin: -19vw 10vh;
  box-shadow: 2vmin 0 0.6429336872vmin currentColor;
}

.background span:nth-child(20) {
  color: #ffb91a;
  top: 26%;
  left: 8%;
  animation-duration: 12s;
  animation-delay: -3s;
  transform-origin: 25vw 21vh;
  box-shadow: -2vmin 0 0.2895757143vmin currentColor;
}

.background span:nth-child(21) {
  color: #ffb91a;
  top: 62%;
  left: 2%;
  animation-duration: 11s;
  animation-delay: -1s;
  transform-origin: 3vw -8vh;
  box-shadow: -2vmin 0 0.648790269vmin currentColor;
}

.background span:nth-child(22) {
  color: #ffc872;
  top: 33%;
  left: 36%;
  animation-duration: 10s;
  animation-delay: -5s;
  transform-origin: 6vw 24vh;
  box-shadow: 2vmin 0 0.4563546902vmin currentColor;
}

.background span:nth-child(23) {
  color: #ffc872;
  top: 52%;
  left: 7%;
  animation-duration: 14s;
  animation-delay: -5s;
  transform-origin: 24vw 22vh;
  box-shadow: -2vmin 0 0.9153600755vmin currentColor;
}

.background span:nth-child(24) {
  color: #e49830;
  top: 43%;
  left: 70%;
  animation-duration: 15s;
  animation-delay: -9s;
  transform-origin: 23vw -10vh;
  box-shadow: 2vmin 0 0.6479670503vmin currentColor;
}

.background span:nth-child(25) {
  color: #ffb91a;
  top: 1%;
  left: 29%;
  animation-duration: 13s;
  animation-delay: -7s;
  transform-origin: -10vw -12vh;
  box-shadow: 2vmin 0 0.5295836513vmin currentColor;
}

.background span:nth-child(26) {
  color: #ffc872;
  top: 64%;
  left: 51%;
  animation-duration: 9s;
  animation-delay: -7s;
  transform-origin: 8vw -21vh;
  box-shadow: 2vmin 0 0.5962699092vmin currentColor;
}

.background span:nth-child(27) {
  color: #ffb91a;
  top: 14%;
  left: 10%;
  animation-duration: 14s;
  animation-delay: -5s;
  transform-origin: 12vw -11vh;
  box-shadow: 2vmin 0 0.5281335649vmin currentColor;
}

.background span:nth-child(28) {
  color: #ffb91a;
  top: 57%;
  left: 100%;
  animation-duration: 7s;
  animation-delay: -7s;
  transform-origin: 23vw -11vh;
  box-shadow: 2vmin 0 0.2790176444vmin currentColor;
}

.background span:nth-child(29) {
  color: #e49830;
  top: 60%;
  left: 34%;
  animation-duration: 14s;
  animation-delay: -1s;
  transform-origin: -18vw 24vh;
  box-shadow: 2vmin 0 0.5759635814vmin currentColor;
}

.background span:nth-child(30) {
  color: #ffc872;
  top: 45%;
  left: 14%;
  animation-duration: 6s;
  animation-delay: -6s;
  transform-origin: 19vw 20vh;
  box-shadow: -2vmin 0 0.7182588918vmin currentColor;
}

.background span:nth-child(31) {
  color: #ffc872;
  top: 42%;
  left: 44%;
  animation-duration: 14s;
  animation-delay: -8s;
  transform-origin: 4vw -12vh;
  box-shadow: -2vmin 0 0.3235645262vmin currentColor;
}

.background span:nth-child(32) {
  color: #ffc872;
  top: 87%;
  left: 17%;
  animation-duration: 7s;
  animation-delay: -8s;
  transform-origin: 17vw -12vh;
  box-shadow: 2vmin 0 0.3346880551vmin currentColor;
}

.background span:nth-child(33) {
  color: #e49830;
  top: 77%;
  left: 96%;
  animation-duration: 11s;
  animation-delay: -6s;
  transform-origin: 18vw -9vh;
  box-shadow: 2vmin 0 0.7364139192vmin currentColor;
}

.background span:nth-child(34) {
  color: #ffb91a;
  top: 45%;
  left: 19%;
  animation-duration: 6s;
  animation-delay: -9s;
  transform-origin: 15vw 21vh;
  box-shadow: 2vmin 0 0.8863952306vmin currentColor;
}

.background span:nth-child(35) {
  color: #ffb91a;
  top: 10%;
  left: 20%;
  animation-duration: 12s;
  animation-delay: -1s;
  transform-origin: 25vw 20vh;
  box-shadow: -2vmin 0 0.3034244133vmin currentColor;
}

.background span:nth-child(36) {
  color: #e49830;
  top: 26%;
  left: 81%;
  animation-duration: 14s;
  animation-delay: -7s;
  transform-origin: -18vw -8vh;
  box-shadow: 2vmin 0 1.1515878165vmin currentColor;
}

.background span:nth-child(37) {
  color: #e49830;
  top: 36%;
  left: 71%;
  animation-duration: 14s;
  animation-delay: -2s;
  transform-origin: 25vw 8vh;
  box-shadow: -2vmin 0 0.7001679781vmin currentColor;
}

.background span:nth-child(38) {
  color: #ffb91a;
  top: 47%;
  left: 56%;
  animation-duration: 7s;
  animation-delay: -6s;
  transform-origin: -16vw -24vh;
  box-shadow: 2vmin 0 0.9762294148vmin currentColor;
}

.background span:nth-child(39) {
  color: #ffc872;
  top: 13%;
  left: 59%;
  animation-duration: 7s;
  animation-delay: -4s;
  transform-origin: -19vw 17vh;
  box-shadow: 2vmin 0 1.1403835373vmin currentColor;
}

.background span:nth-child(40) {
  color: #ffb91a;
  top: 64%;
  left: 16%;
  animation-duration: 10s;
  animation-delay: -6s;
  transform-origin: 11vw 11vh;
  box-shadow: 2vmin 0 1.1288142546vmin currentColor;
}

.background span:nth-child(41) {
  color: #ffc872;
  top: 83%;
  left: 97%;
  animation-duration: 12s;
  animation-delay: -3s;
  transform-origin: -21vw 11vh;
  box-shadow: -2vmin 0 0.8546357177vmin currentColor;
}

.background span:nth-child(42) {
  color: #ffc872;
  top: 39%;
  left: 83%;
  animation-duration: 10s;
  animation-delay: -9s;
  transform-origin: -10vw 7vh;
  box-shadow: -2vmin 0 0.2694043806vmin currentColor;
}

.background span:nth-child(43) {
  color: #ffc872;
  top: 86%;
  left: 14%;
  animation-duration: 10s;
  animation-delay: -1s;
  transform-origin: 16vw 11vh;
  box-shadow: -2vmin 0 0.4910040452vmin currentColor;
}

.background span:nth-child(44) {
  color: #e49830;
  top: 5%;
  left: 16%;
  animation-duration: 12s;
  animation-delay: -10s;
  transform-origin: 16vw 25vh;
  box-shadow: -2vmin 0 0.9906608286vmin currentColor;
}

.background span:nth-child(45) {
  color: #ffc872;
  top: 26%;
  left: 60%;
  animation-duration: 6s;
  animation-delay: -4s;
  transform-origin: 14vw -7vh;
  box-shadow: -2vmin 0 0.7332913807vmin currentColor;
}

.background span:nth-child(46) {
  color: #ffc872;
  top: 29%;
  left: 5%;
  animation-duration: 8s;
  animation-delay: -3s;
  transform-origin: 23vw 1vh;
  box-shadow: -2vmin 0 0.307820715vmin currentColor;
}

.background span:nth-child(47) {
  color: #e49830;
  top: 6%;
  left: 70%;
  animation-duration: 14s;
  animation-delay: -10s;
  transform-origin: 8vw 12vh;
  box-shadow: -2vmin 0 0.9688388645vmin currentColor;
}

.background span:nth-child(48) {
  color: #ffb91a;
  top: 97%;
  left: 37%;
  animation-duration: 11s;
  animation-delay: -2s;
  transform-origin: 25vw 11vh;
  box-shadow: -2vmin 0 0.6903757254vmin currentColor;
}

.background span:nth-child(49) {
  color: #ffc872;
  top: 62%;
  left: 66%;
  animation-duration: 11s;
  animation-delay: -5s;
  transform-origin: -4vw -17vh;
  box-shadow: -2vmin 0 0.8399178073vmin currentColor;
}

#zorro {
  position: absolute;
  z-index: 99999;
  top: calc(50% - 150px);
  left: calc(51% - 150px);
  height: 10px;
  width: 10px;
  margin-left: 50px;
  box-shadow: 10px 10px 0 0 transparent, 20px 10px 0 0 transparent, 30px 10px 0 0 transparent, 40px 10px 0 0 transparent, 50px 10px 0 0 transparent, 60px 10px 0 0 transparent, 70px 10px 0 0 transparent, 80px 10px 0 0 transparent, 90px 10px 0 0 transparent, 100px 10px 0 0 transparent, 110px 10px 0 0 transparent, 120px 10px 0 0 transparent, 130px 10px 0 0 transparent, 140px 10px 0 0 transparent, 150px 10px 0 0 transparent, 10px 20px 0 0 transparent, 20px 20px 0 0 transparent, 30px 20px 0 0 transparent, 40px 20px 0 0 #600, 50px 20px 0 0 transparent, 60px 20px 0 0 transparent, 70px 20px 0 0 transparent, 80px 20px 0 0 transparent, 90px 20px 0 0 transparent, 100px 20px 0 0 transparent, 110px 20px 0 0 transparent, 120px 20px 0 0 #600, 130px 20px 0 0 transparent, 140px 20px 0 0 transparent, 150px 20px 0 0 transparent, 10px 30px 0 0 transparent, 20px 30px 0 0 transparent, 30px 30px 0 0 transparent, 40px 30px 0 0 #800, 50px 30px 0 0 #600, 60px 30px 0 0 transparent, 70px 30px 0 0 transparent, 80px 30px 0 0 transparent, 90px 30px 0 0 transparent, 100px 30px 0 0 transparent, 110px 30px 0 0 #600, 120px 30px 0 0 #800, 130px 30px 0 0 transparent, 140px 30px 0 0 transparent, 150px 30px 0 0 transparent, 10px 40px 0 0 transparent, 20px 40px 0 0 transparent, 30px 40px 0 0 #600, 40px 40px 0 0 #a00, 50px 40px 0 0 #900, 60px 40px 0 0 #600, 70px 40px 0 0 transparent, 80px 40px 0 0 transparent, 90px 40px 0 0 transparent, 100px 40px 0 0 #600, 110px 40px 0 0 #900, 120px 40px 0 0 #a00, 130px 40px 0 0 #600, 140px 40px 0 0 transparent, 150px 40px 0 0 transparent, 10px 50px 0 0 transparent, 20px 50px 0 0 transparent, 30px 50px 0 0 #600, 40px 50px 0 0 #c00, 50px 50px 0 0 #b00, 60px 50px 0 0 #a00, 70px 50px 0 0 #600, 80px 50px 0 0 #600, 90px 50px 0 0 #600, 100px 50px 0 0 #a00, 110px 50px 0 0 #b00, 120px 50px 0 0 #c00, 130px 50px 0 0 #600, 140px 50px 0 0 transparent, 150px 50px 0 0 transparent, 10px 60px 0 0 transparent, 20px 60px 0 0 transparent, 30px 60px 0 0 #600, 40px 60px 0 0 #d00, 50px 60px 0 0 #622, 60px 60px 0 0 #622, 70px 60px 0 0 #f60, 80px 60px 0 0 #f60, 90px 60px 0 0 #f60, 100px 60px 0 0 #622, 110px 60px 0 0 #622, 120px 60px 0 0 #d00, 130px 60px 0 0 #600, 140px 60px 0 0 transparent, 150px 60px 0 0 transparent, 10px 70px 0 0 transparent, 20px 70px 0 0 transparent, 30px 70px 0 0 #600, 40px 70px 0 0 #633, 50px 70px 0 0 #f60, 60px 70px 0 0 #f60, 70px 70px 0 0 #f60, 80px 70px 0 0 #f60, 90px 70px 0 0 #f60, 100px 70px 0 0 #f60, 110px 70px 0 0 #f60, 120px 70px 0 0 #633, 130px 70px 0 0 #600, 140px 70px 0 0 transparent, 150px 70px 0 0 transparent, 10px 80px 0 0 transparent, 20px 80px 0 0 transparent, 30px 80px 0 0 #633, 40px 80px 0 0 #f60, 50px 80px 0 0 #f60, 60px 80px 0 0 #f60, 70px 80px 0 0 #f60, 80px 80px 0 0 #f60, 90px 80px 0 0 #f60, 100px 80px 0 0 #f60, 110px 80px 0 0 #f60, 120px 80px 0 0 #f60, 130px 80px 0 0 #633, 140px 80px 0 0 transparent, 150px 80px 0 0 transparent, 10px 90px 0 0 transparent, 20px 90px 0 0 transparent, 30px 90px 0 0 #633, 40px 90px 0 0 #f60, 50px 90px 0 0 #111, 60px 90px 0 0 #f60, 70px 90px 0 0 #f60, 80px 90px 0 0 #f60, 90px 90px 0 0 #f60, 100px 90px 0 0 #f60, 110px 90px 0 0 #111, 120px 90px 0 0 #f60, 130px 90px 0 0 #633, 140px 90px 0 0 transparent, 150px 90px 0 0 transparent, 10px 100px 0 0 transparent, 20px 100px 0 0 #533, 30px 100px 0 0 #f60, 40px 100px 0 0 #f60, 50px 100px 0 0 #111, 60px 100px 0 0 #f60, 70px 100px 0 0 #933, 80px 100px 0 0 #933, 90px 100px 0 0 #933, 100px 100px 0 0 #f60, 110px 100px 0 0 #111, 120px 100px 0 0 #f60, 130px 100px 0 0 #f60, 140px 100px 0 0 #533, 150px 100px 0 0 transparent, 10px 110px 0 0 transparent, 20px 110px 0 0 #533, 30px 110px 0 0 #f60, 40px 110px 0 0 #f60, 50px 110px 0 0 #f60, 60px 110px 0 0 #f60, 70px 110px 0 0 #fc9, 80px 110px 0 0 #933, 90px 110px 0 0 #fc9, 100px 110px 0 0 #f60, 110px 110px 0 0 #f60, 120px 110px 0 0 #f60, 130px 110px 0 0 #f60, 140px 110px 0 0 #533, 150px 110px 0 0 transparent, 10px 120px 0 0 #533, 20px 120px 0 0 #f60, 30px 120px 0 0 #f60, 40px 120px 0 0 #f60, 50px 120px 0 0 #f60, 60px 120px 0 0 #fc9, 70px 120px 0 0 #fc9, 80px 120px 0 0 #fc9, 90px 120px 0 0 #fc9, 100px 120px 0 0 #fc9, 110px 120px 0 0 #f60, 120px 120px 0 0 #f60, 130px 120px 0 0 #f60, 140px 120px 0 0 #f60, 150px 120px 0 0 #533, 10px 130px 0 0 transparent, 20px 130px 0 0 #533, 30px 130px 0 0 #533, 40px 130px 0 0 #f60, 50px 130px 0 0 #fc9, 60px 130px 0 0 #fc9, 70px 130px 0 0 #fc9, 80px 130px 0 0 #fc9, 90px 130px 0 0 #fc9, 100px 130px 0 0 #fc9, 110px 130px 0 0 #fc9, 120px 130px 0 0 #f60, 130px 130px 0 0 #533, 140px 130px 0 0 #533, 150px 130px 0 0 transparent, 10px 140px 0 0 transparent, 20px 140px 0 0 transparent, 30px 140px 0 0 transparent, 40px 140px 0 0 #533, 50px 140px 0 0 #533, 60px 140px 0 0 #533, 70px 140px 0 0 #533, 80px 140px 0 0 #533, 90px 140px 0 0 #533, 100px 140px 0 0 #533, 110px 140px 0 0 #533, 120px 140px 0 0 #533, 130px 140px 0 0 transparent, 140px 140px 0 0 transparent, 150px 140px 0 0 transparent;
}