body {
  margin: 0;
  background-image: url("layer1.png");
  background-color: #111;
  background-position: 50% 50%;
  background-size: cover;
}

.snow {
  position: relative;
  width: 100vw;
  height: 100vh;
}

.snow__item {
  position: absolute;
  width: 5px;
  height: 5px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50%;
  will-change: box-shadow;
  -webkit-animation: snow 10000ms linear infinite;
          animation: snow 10000ms linear infinite;
}
.snow__item:nth-child(2) {
  left: 25vw;
  -webkit-animation-delay: 6666ms;
          animation-delay: 6666ms;
}
.snow__item:nth-child(3) {
  right: 25vw;
  -webkit-animation-delay: 3333ms;
          animation-delay: 3333ms;
}
@-webkit-keyframes snow {
  0% {
    box-shadow: 0 0 0 transparent, 22vw -72vh 4px 2px #69aeaf, -34vw -141vh 4px 4px #0a6b19, 30vw -86vh 5px 5px #9410d9, -17vw -143vh 8px 2px #48101b, 55vw -92vh 5px 5px #d7fb9a, -89vw -120vh 5px 3px #c48f10, 16vw -130vh 3px 3px #70aef5, -29vw -105vh 5px 1px #9ef6b9, 80vw -103vh 8px 3px #81ca96, -15vw -113vh 4px 2px #224e1a, 33vw -136vh 8px 1px #4491a2, -37vw -121vh 7px 5px #295062, 61vw -80vh 6px 2px #1a4de6, -27vw -141vh 2px 4px #857fec, 34vw -136vh 3px 1px #1fc90a, -46vw -89vh 3px 1px #bcf517, 83vw -131vh 3px 5px #c6aa5b, -69vw -119vh 6px 2px #a6764c, 33vw -110vh 5px 5px #e9f552, -61vw -79vh 7px 2px #9ece94, 85vw -55vh 1px 5px #6ef8a8, -36vw -107vh 1px 2px #0fc429, 55vw -60vh 6px 5px #f21a87, -30vw -61vh 5px 4px #95be9b, 60vw -116vh 2px 3px #27b670, -19vw -149vh 6px 2px #f475b9, 50vw -63vh 1px 2px #849146, -47vw -124vh 4px 4px #132e35, 75vw -97vh 5px 5px #28c3e7, -8vw -83vh 1px 1px #f1e952, 58vw -79vh 6px 2px #ac2ea8, -57vw -78vh 4px 1px #d34991, 4vw -60vh 7px 3px #a9763c, -2vw -72vh 5px 1px #5a5924, 91vw -60vh 3px 4px #dce424, -7vw -113vh 7px 3px #31dbf7, 65vw -50vh 4px 3px #96658d, -43vw -81vh 8px 1px #cfda04, 81vw -130vh 6px 5px #2ec1b9, -58vw -116vh 8px 1px #22ffc3, 56vw -117vh 8px 5px #9ed29a, -12vw -107vh 3px 2px #7831ad, 56vw -68vh 1px 5px #f6e714, -87vw -73vh 2px 5px #163307, 81vw -104vh 7px 3px #38e67f, -21vw -60vh 6px 1px #abe676, 88vw -93vh 5px 2px #f4f9c9, -60vw -52vh 3px 4px #e24418, 54vw -51vh 1px 5px #58dc73, -12vw -69vh 1px 4px #b5d7d6;
  }
  100% {
    box-shadow: 0 0 0 transparent, 97vw 149vh 8px 2px #c6e081, -36vw 138vh 5px 4px #2a0c4e, 27vw 94vh 5px 4px #e6e929, -15vw 102vh 8px 1px #ab9018, 77vw 63vh 6px 4px #ce2b80, -63vw 99vh 7px 3px #99646b, 28vw 124vh 4px 3px #fd541f, -25vw 51vh 8px 2px #97f563, 36vw 95vh 7px 1px #fd27c6, -86vw 137vh 1px 4px #80a4b4, 12vw 83vh 3px 5px #ae350e, -70vw 129vh 6px 4px #a93d78, 5vw 105vh 3px 1px #6cf9a3, -40vw 64vh 5px 3px #338319, 7vw 104vh 3px 3px #03b1f4, -99vw 80vh 2px 4px #b845a1, 4vw 120vh 6px 5px #f302a2, -38vw 72vh 7px 4px #8c77f8, 47vw 59vh 6px 3px #6f3eb4, -11vw 132vh 4px 5px #48ad19, 97vw 97vh 2px 2px #384b1b, -49vw 95vh 4px 4px #940ed6, 79vw 89vh 6px 5px #1c208f, -63vw 128vh 7px 1px #ca12c0, 94vw 59vh 5px 1px #2ba9ea, -14vw 81vh 8px 4px #b8bbd7, 56vw 148vh 3px 1px #89b7f9, -43vw 138vh 4px 5px #40c4a4, 31vw 150vh 2px 5px #7f5357, -75vw 87vh 3px 1px #e30c4e, 48vw 132vh 4px 5px #57c7c7, -18vw 60vh 8px 4px #eac21b, 73vw 126vh 1px 1px #bf36dc, -86vw 111vh 3px 3px #6f4396, 85vw 100vh 7px 5px #d9072b, -12vw 149vh 1px 5px #90e5d0, 64vw 132vh 3px 3px #1b4ded, -2vw 101vh 6px 1px #76b1a7, 69vw 76vh 8px 5px #ba42d5, -89vw 69vh 4px 1px #412aa1, 69vw 107vh 8px 1px #6e0455, -50vw 108vh 1px 1px #ce7412, 94vw 95vh 6px 5px #e626a5, -48vw 59vh 8px 1px #2bcc05, 80vw 127vh 1px 3px #99f3f8, -3vw 118vh 2px 1px #09c731, 64vw 60vh 7px 1px #a437ca, -8vw 76vh 6px 4px #cd41ef, 52vw 144vh 7px 3px #ca5871, -64vw 107vh 4px 5px #4311e0;
  }
}
@keyframes snow {
  0% {
    box-shadow: 0 0 0 transparent, 22vw -72vh 4px 2px #69aeaf, -34vw -141vh 4px 4px #0a6b19, 30vw -86vh 5px 5px #9410d9, -17vw -143vh 8px 2px #48101b, 55vw -92vh 5px 5px #d7fb9a, -89vw -120vh 5px 3px #c48f10, 16vw -130vh 3px 3px #70aef5, -29vw -105vh 5px 1px #9ef6b9, 80vw -103vh 8px 3px #81ca96, -15vw -113vh 4px 2px #224e1a, 33vw -136vh 8px 1px #4491a2, -37vw -121vh 7px 5px #295062, 61vw -80vh 6px 2px #1a4de6, -27vw -141vh 2px 4px #857fec, 34vw -136vh 3px 1px #1fc90a, -46vw -89vh 3px 1px #bcf517, 83vw -131vh 3px 5px #c6aa5b, -69vw -119vh 6px 2px #a6764c, 33vw -110vh 5px 5px #e9f552, -61vw -79vh 7px 2px #9ece94, 85vw -55vh 1px 5px #6ef8a8, -36vw -107vh 1px 2px #0fc429, 55vw -60vh 6px 5px #f21a87, -30vw -61vh 5px 4px #95be9b, 60vw -116vh 2px 3px #27b670, -19vw -149vh 6px 2px #f475b9, 50vw -63vh 1px 2px #849146, -47vw -124vh 4px 4px #132e35, 75vw -97vh 5px 5px #28c3e7, -8vw -83vh 1px 1px #f1e952, 58vw -79vh 6px 2px #ac2ea8, -57vw -78vh 4px 1px #d34991, 4vw -60vh 7px 3px #a9763c, -2vw -72vh 5px 1px #5a5924, 91vw -60vh 3px 4px #dce424, -7vw -113vh 7px 3px #31dbf7, 65vw -50vh 4px 3px #96658d, -43vw -81vh 8px 1px #cfda04, 81vw -130vh 6px 5px #2ec1b9, -58vw -116vh 8px 1px #22ffc3, 56vw -117vh 8px 5px #9ed29a, -12vw -107vh 3px 2px #7831ad, 56vw -68vh 1px 5px #f6e714, -87vw -73vh 2px 5px #163307, 81vw -104vh 7px 3px #38e67f, -21vw -60vh 6px 1px #abe676, 88vw -93vh 5px 2px #f4f9c9, -60vw -52vh 3px 4px #e24418, 54vw -51vh 1px 5px #58dc73, -12vw -69vh 1px 4px #b5d7d6;
  }
  100% {
    box-shadow: 0 0 0 transparent, 97vw 149vh 8px 2px #c6e081, -36vw 138vh 5px 4px #2a0c4e, 27vw 94vh 5px 4px #e6e929, -15vw 102vh 8px 1px #ab9018, 77vw 63vh 6px 4px #ce2b80, -63vw 99vh 7px 3px #99646b, 28vw 124vh 4px 3px #fd541f, -25vw 51vh 8px 2px #97f563, 36vw 95vh 7px 1px #fd27c6, -86vw 137vh 1px 4px #80a4b4, 12vw 83vh 3px 5px #ae350e, -70vw 129vh 6px 4px #a93d78, 5vw 105vh 3px 1px #6cf9a3, -40vw 64vh 5px 3px #338319, 7vw 104vh 3px 3px #03b1f4, -99vw 80vh 2px 4px #b845a1, 4vw 120vh 6px 5px #f302a2, -38vw 72vh 7px 4px #8c77f8, 47vw 59vh 6px 3px #6f3eb4, -11vw 132vh 4px 5px #48ad19, 97vw 97vh 2px 2px #384b1b, -49vw 95vh 4px 4px #940ed6, 79vw 89vh 6px 5px #1c208f, -63vw 128vh 7px 1px #ca12c0, 94vw 59vh 5px 1px #2ba9ea, -14vw 81vh 8px 4px #b8bbd7, 56vw 148vh 3px 1px #89b7f9, -43vw 138vh 4px 5px #40c4a4, 31vw 150vh 2px 5px #7f5357, -75vw 87vh 3px 1px #e30c4e, 48vw 132vh 4px 5px #57c7c7, -18vw 60vh 8px 4px #eac21b, 73vw 126vh 1px 1px #bf36dc, -86vw 111vh 3px 3px #6f4396, 85vw 100vh 7px 5px #d9072b, -12vw 149vh 1px 5px #90e5d0, 64vw 132vh 3px 3px #1b4ded, -2vw 101vh 6px 1px #76b1a7, 69vw 76vh 8px 5px #ba42d5, -89vw 69vh 4px 1px #412aa1, 69vw 107vh 8px 1px #6e0455, -50vw 108vh 1px 1px #ce7412, 94vw 95vh 6px 5px #e626a5, -48vw 59vh 8px 1px #2bcc05, 80vw 127vh 1px 3px #99f3f8, -3vw 118vh 2px 1px #09c731, 64vw 60vh 7px 1px #a437ca, -8vw 76vh 6px 4px #cd41ef, 52vw 144vh 7px 3px #ca5871, -64vw 107vh 4px 5px #4311e0;
  }
}