.snowball-box {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.snowflakes-box {
  position: fixed;
  top: 0;
  z-index: 10;
}
.snowflakes-box .snowflake {
  border-radius: 50%;
  /* color: #a6e7ff; */
  color: green;
  font-family: FontAwesome;
  height: 20px;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 20px;
}
.snowflakes-box .snowflake:first-child {
  animation: fall-1 11s linear -3s infinite;
  opacity: 1;
  transform: translate(47.2803vw, -20px) scale(0.5115) rotate(380deg);
}
@keyframes fall-1 {
  10.153% {
    transform: translate(47.3603vw, 10.153vh) scale(0.5115) rotate(380deg);
  }
  to {
    transform: translate(47.2803008vw, 100vh) scale(0.5115) rotate(380deg);
  }
}
.snowflakes-box .snowflake:nth-child(2) {
  animation: fall-2 10s linear -28s infinite;
  opacity: 0.4188;
  transform: translate(6.0271vw, -20px) scale(0.4452) rotate(300deg);
}
@keyframes fall-2 {
  18.503% {
    transform: translate(11.3335vw, 18.503vh) scale(0.4452) rotate(300deg);
  }
  to {
    transform: translate(6.027153064vw, 100vh) scale(0.4452) rotate(300deg);
  }
}
.snowflakes-box .snowflake:nth-child(3) {
  animation: fall-3 18s linear -20s infinite;
  opacity: 1;
  transform: translate(94.4742vw, -20px) scale(0.1577) rotate(480deg);
}
@keyframes fall-3 {
  10.491% {
    transform: translate(102.198vw, 10.491vh) scale(0.1577) rotate(480deg);
  }
  to {
    transform: translate(94.474277238vw, 100vh) scale(0.1577) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(4) {
  animation: fall-4 22s linear -17s infinite;
  opacity: 1;
  transform: translate(83.804vw, -20px) scale(0.4858) rotate(500deg);
}
@keyframes fall-4 {
  17.794% {
    transform: translate(93.7732vw, 17.794vh) scale(0.4858) rotate(500deg);
  }
  to {
    transform: translate(83.804099692vw, 100vh) scale(0.4858) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(5) {
  animation: fall-5 27s linear -15s infinite;
  opacity: 0.117;
  transform: translate(92.4653vw, -20px) scale(0.1509) rotate(20deg);
}
@keyframes fall-5 {
  10.678% {
    transform: translate(87.5034vw, 10.678vh) scale(0.1509) rotate(20deg);
  }
  to {
    transform: translate(92.465250381vw, 100vh) scale(0.1509) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(6) {
  animation: fall-6 27s linear -27s infinite;
  opacity: 1;
  transform: translate(21.638vw, -20px) scale(0.3392) rotate(120deg);
}
@keyframes fall-6 {
  14.448% {
    transform: translate(12.7799vw, 14.448vh) scale(0.3392) rotate(120deg);
  }
  to {
    transform: translate(21.637911419vw, 100vh) scale(0.3392) rotate(120deg);
  }
}
.snowflakes-box .snowflake:nth-child(7) {
  animation: fall-7 15s linear -10s infinite;
  opacity: 0.7462;
  transform: translate(88.9117vw, -20px) scale(0.8152) rotate(600deg);
}
@keyframes fall-7 {
  12.087% {
    transform: translate(85.4907vw, 12.087vh) scale(0.8152) rotate(600deg);
  }
  to {
    transform: translate(88.91166579vw, 100vh) scale(0.8152) rotate(600deg);
  }
}
.snowflakes-box .snowflake:nth-child(8) {
  animation: fall-8 14s linear -22s infinite;
  opacity: 0.0646;
  transform: translate(70.9726vw, -20px) scale(0.6203) rotate(20deg);
}
@keyframes fall-8 {
  13.247% {
    transform: translate(65.1227vw, 13.247vh) scale(0.6203) rotate(20deg);
  }
  to {
    transform: translate(70.972541501vw, 100vh) scale(0.6203) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(9) {
  animation: fall-9 15s linear -28s infinite;
  opacity: 1;
  transform: translate(17.6595vw, -20px) scale(0.8573) rotate(540deg);
}
@keyframes fall-9 {
  18.898% {
    transform: translate(10.6562vw, 18.898vh) scale(0.8573) rotate(540deg);
  }
  to {
    transform: translate(17.659429967vw, 100vh) scale(0.8573) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(10) {
  animation: fall-10 24s linear -25s infinite;
  opacity: 1;
  transform: translate(28.6667vw, -20px) scale(0.9289) rotate(560deg);
}
@keyframes fall-10 {
  17.051% {
    transform: translate(20.2802vw, 17.051vh) scale(0.9289) rotate(560deg);
  }
  to {
    transform: translate(28.666616135vw, 100vh) scale(0.9289) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(11) {
  animation: fall-11 16s linear -16s infinite;
  opacity: 1;
  transform: translate(10.4361vw, -20px) scale(0.6348) rotate(40deg);
}
@keyframes fall-11 {
  18.565% {
    transform: translate(20.1742vw, 18.565vh) scale(0.6348) rotate(40deg);
  }
  to {
    transform: translate(10.436197381vw, 100vh) scale(0.6348) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(12) {
  animation: fall-12 25s linear -26s infinite;
  opacity: 0.1394;
  transform: translate(98.3461vw, -20px) scale(0.3743) rotate(340deg);
}
@keyframes fall-12 {
  10.91% {
    transform: translate(100.6946vw, 10.91vh) scale(0.3743) rotate(340deg);
  }
  to {
    transform: translate(98.346123485vw, 100vh) scale(0.3743) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(13) {
  animation: fall-13 17s linear -19s infinite;
  opacity: 1;
  transform: translate(98.032vw, -20px) scale(0.459) rotate(40deg);
}
@keyframes fall-13 {
  17.272% {
    transform: translate(100.315vw, 17.272vh) scale(0.459) rotate(40deg);
  }
  to {
    transform: translate(98.03202283vw, 100vh) scale(0.459) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(14) {
  animation: fall-14 25s linear -10s infinite;
  opacity: 0.618;
  transform: translate(17.6157vw, -20px) scale(0.2903) rotate(340deg);
}
@keyframes fall-14 {
  16.746% {
    transform: translate(8.4018vw, 16.746vh) scale(0.2903) rotate(340deg);
  }
  to {
    transform: translate(17.615607861vw, 100vh) scale(0.2903) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(15) {
  animation: fall-15 20s linear -6s infinite;
  opacity: 0.6126;
  transform: translate(69.2398vw, -20px) scale(0.8413) rotate(380deg);
}
@keyframes fall-15 {
  15.386% {
    transform: translate(68.0046vw, 15.386vh) scale(0.8413) rotate(380deg);
  }
  to {
    transform: translate(69.239787648vw, 100vh) scale(0.8413) rotate(380deg);
  }
}
.snowflakes-box .snowflake:nth-child(16) {
  animation: fall-16 22s linear -10s infinite;
  opacity: 1;
  transform: translate(93.7826vw, -20px) scale(0.4076) rotate(460deg);
}
@keyframes fall-16 {
  10.359% {
    transform: translate(91.9463vw, 10.359vh) scale(0.4076) rotate(460deg);
  }
  to {
    transform: translate(93.782581637vw, 100vh) scale(0.4076) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(17) {
  animation: fall-17 22s linear -20s infinite;
  opacity: 0.919;
  transform: translate(28.5196vw, -20px) scale(0.7407) rotate(420deg);
}
@keyframes fall-17 {
  18.723% {
    transform: translate(26.8334vw, 18.723vh) scale(0.7407) rotate(420deg);
  }
  to {
    transform: translate(28.519583138vw, 100vh) scale(0.7407) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(18) {
  animation: fall-18 18s linear -13s infinite;
  opacity: 0.009;
  transform: translate(44.3125vw, -20px) scale(0.9049) rotate(460deg);
}
@keyframes fall-18 {
  11.049% {
    transform: translate(37.1015vw, 11.049vh) scale(0.9049) rotate(460deg);
  }
  to {
    transform: translate(44.31242789vw, 100vh) scale(0.9049) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(19) {
  animation: fall-19 28s linear -8s infinite;
  opacity: 1;
  transform: translate(55.4634vw, -20px) scale(0.8381) rotate(400deg);
}
@keyframes fall-19 {
  17.688% {
    transform: translate(61.0013vw, 17.688vh) scale(0.8381) rotate(400deg);
  }
  to {
    transform: translate(55.463455379vw, 100vh) scale(0.8381) rotate(400deg);
  }
}
.snowflakes-box .snowflake:nth-child(20) {
  animation: fall-20 23s linear -11s infinite;
  opacity: 0.4586;
  transform: translate(26.6347vw, -20px) scale(0.3561) rotate(220deg);
}
@keyframes fall-20 {
  19.085% {
    transform: translate(24.4815vw, 19.085vh) scale(0.3561) rotate(220deg);
  }
  to {
    transform: translate(26.634678468vw, 100vh) scale(0.3561) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(21) {
  animation: fall-21 24s linear -3s infinite;
  opacity: 0.8668;
  transform: translate(75.6085vw, -20px) scale(0.6242) rotate(220deg);
}
@keyframes fall-21 {
  12.468% {
    transform: translate(76.0619vw, 12.468vh) scale(0.6242) rotate(220deg);
  }
  to {
    transform: translate(75.608504534vw, 100vh) scale(0.6242) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(22) {
  animation: fall-22 29s linear -7s infinite;
  opacity: 0.4388;
  transform: translate(16.589vw, -20px) scale(0.8939) rotate(460deg);
}
@keyframes fall-22 {
  13.114% {
    transform: translate(11.6748vw, 13.114vh) scale(0.8939) rotate(460deg);
  }
  to {
    transform: translate(16.588950858vw, 100vh) scale(0.8939) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(23) {
  animation: fall-23 11s linear -30s infinite;
  opacity: 0.5904;
  transform: translate(56.5833vw, -20px) scale(0.5231) rotate(320deg);
}
@keyframes fall-23 {
  18.356% {
    transform: translate(60.2423vw, 18.356vh) scale(0.5231) rotate(320deg);
  }
  to {
    transform: translate(56.58333659vw, 100vh) scale(0.5231) rotate(320deg);
  }
}
.snowflakes-box .snowflake:nth-child(24) {
  animation: fall-24 25s linear -11s infinite;
  opacity: 0.779;
  transform: translate(94.5091vw, -20px) scale(0.3078) rotate(500deg);
}
@keyframes fall-24 {
  15.011% {
    transform: translate(99.2686vw, 15.011vh) scale(0.3078) rotate(500deg);
  }
  to {
    transform: translate(94.509147595vw, 100vh) scale(0.3078) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(25) {
  animation: fall-25 13s linear -18s infinite;
  opacity: 1;
  transform: translate(69.7724vw, -20px) scale(0.2938) rotate(400deg);
}
@keyframes fall-25 {
  17.155% {
    transform: translate(61.5144vw, 17.155vh) scale(0.2938) rotate(400deg);
  }
  to {
    transform: translate(69.77231742vw, 100vh) scale(0.2938) rotate(400deg);
  }
}
.snowflakes-box .snowflake:nth-child(26) {
  animation: fall-26 11s linear -17s infinite;
  opacity: 1;
  transform: translate(25.2093vw, -20px) scale(0.7306) rotate(560deg);
}
@keyframes fall-26 {
  14.727% {
    transform: translate(31.5173vw, 14.727vh) scale(0.7306) rotate(560deg);
  }
  to {
    transform: translate(25.20936308vw, 100vh) scale(0.7306) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(27) {
  animation: fall-27 29s linear -19s infinite;
  opacity: 1;
  transform: translate(2.3911vw, -20px) scale(0.2223) rotate(140deg);
}
@keyframes fall-27 {
  11.221% {
    transform: translate(10.1745vw, 11.221vh) scale(0.2223) rotate(140deg);
  }
  to {
    transform: translate(2.391177834vw, 100vh) scale(0.2223) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(28) {
  animation: fall-28 20s linear -9s infinite;
  opacity: 0.7434;
  transform: translate(39.8572vw, -20px) scale(0.7842) rotate(160deg);
}
@keyframes fall-28 {
  16.177% {
    transform: translate(44.7757vw, 16.177vh) scale(0.7842) rotate(160deg);
  }
  to {
    transform: translate(39.857249185vw, 100vh) scale(0.7842) rotate(160deg);
  }
}
.snowflakes-box .snowflake:nth-child(29) {
  animation: fall-29 26s linear -28s infinite;
  opacity: 1;
  transform: translate(35.3094vw, -20px) scale(0.7979) rotate(1turn);
}
@keyframes fall-29 {
  16.596% {
    transform: translate(26.4626vw, 16.596vh) scale(0.7979) rotate(1turn);
  }
  to {
    transform: translate(35.309311532vw, 100vh) scale(0.7979) rotate(1turn);
  }
}
.snowflakes-box .snowflake:nth-child(30) {
  animation: fall-30 27s linear -15s infinite;
  opacity: 1;
  transform: translate(20.7093vw, -20px) scale(0.9181) rotate(200deg);
}
@keyframes fall-30 {
  14.023% {
    transform: translate(29.3576vw, 14.023vh) scale(0.9181) rotate(200deg);
  }
  to {
    transform: translate(20.709386483vw, 100vh) scale(0.9181) rotate(200deg);
  }
}
.snowflakes-box .snowflake:nth-child(31) {
  animation: fall-31 13s linear -12s infinite;
  opacity: 1;
  transform: translate(2.5762vw, -20px) scale(0.3872) rotate(20deg);
}
@keyframes fall-31 {
  15.74% {
    transform: translate(-6.2544vw, 15.74vh) scale(0.3872) rotate(20deg);
  }
  to {
    transform: translate(2.576111694vw, 100vh) scale(0.3872) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(32) {
  animation: fall-32 26s linear -2s infinite;
  opacity: 0.634;
  transform: translate(25.7258vw, -20px) scale(0.2742) rotate(180deg);
}
@keyframes fall-32 {
  14.215% {
    transform: translate(21.5683vw, 14.215vh) scale(0.2742) rotate(180deg);
  }
  to {
    transform: translate(25.725758425vw, 100vh) scale(0.2742) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(33) {
  animation: fall-33 15s linear -20s infinite;
  opacity: 0.8024;
  transform: translate(64.5766vw, -20px) scale(0.869) rotate(420deg);
}
@keyframes fall-33 {
  19.706% {
    transform: translate(72.9366vw, 19.706vh) scale(0.869) rotate(420deg);
  }
  to {
    transform: translate(64.5766836vw, 100vh) scale(0.869) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(34) {
  animation: fall-34 24s linear -23s infinite;
  opacity: 1;
  transform: translate(46.913vw, -20px) scale(0.2396) rotate(540deg);
}
@keyframes fall-34 {
  12.853% {
    transform: translate(49.2326vw, 12.853vh) scale(0.2396) rotate(540deg);
  }
  to {
    transform: translate(46.913023196vw, 100vh) scale(0.2396) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(35) {
  animation: fall-35 17s linear -27s infinite;
  opacity: 0.7036;
  transform: translate(99.2815vw, -20px) scale(0.9354) rotate(180deg);
}
@keyframes fall-35 {
  11.126% {
    transform: translate(96.4979vw, 11.126vh) scale(0.9354) rotate(180deg);
  }
  to {
    transform: translate(99.281472164vw, 100vh) scale(0.9354) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(36) {
  animation: fall-36 21s linear -1s infinite;
  opacity: 1;
  transform: translate(74.1067vw, -20px) scale(0.2737) rotate(380deg);
}
@keyframes fall-36 {
  12.857% {
    transform: translate(67.4621vw, 12.857vh) scale(0.2737) rotate(380deg);
  }
  to {
    transform: translate(74.106633554vw, 100vh) scale(0.2737) rotate(380deg);
  }
}
.snowflakes-box .snowflake:nth-child(37) {
  animation: fall-37 24s linear -16s infinite;
  opacity: 0.3006;
  transform: translate(10.2623vw, -20px) scale(0.8244) rotate(40deg);
}
@keyframes fall-37 {
  19.234% {
    transform: translate(3.0647vw, 19.234vh) scale(0.8244) rotate(40deg);
  }
  to {
    transform: translate(10.262228024vw, 100vh) scale(0.8244) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(38) {
  animation: fall-38 26s linear -2s infinite;
  opacity: 1;
  transform: translate(50.9784vw, -20px) scale(0.6843) rotate(480deg);
}
@keyframes fall-38 {
  11.625% {
    transform: translate(51.1401vw, 11.625vh) scale(0.6843) rotate(480deg);
  }
  to {
    transform: translate(50.978401617vw, 100vh) scale(0.6843) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(39) {
  animation: fall-39 10s linear -9s infinite;
  opacity: 1;
  transform: translate(51.8327vw, -20px) scale(0.8058) rotate(180deg);
}
@keyframes fall-39 {
  18.717% {
    transform: translate(46.9898vw, 18.717vh) scale(0.8058) rotate(180deg);
  }
  to {
    transform: translate(51.832651571vw, 100vh) scale(0.8058) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(40) {
  animation: fall-40 25s linear -5s infinite;
  opacity: 1;
  transform: translate(55.7605vw, -20px) scale(0.3445) rotate(60deg);
}
@keyframes fall-40 {
  16.55% {
    transform: translate(47.4001vw, 16.55vh) scale(0.3445) rotate(60deg);
  }
  to {
    transform: translate(55.760416396vw, 100vh) scale(0.3445) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(41) {
  animation: fall-41 27s linear -9s infinite;
  opacity: 1;
  transform: translate(87.1442vw, -20px) scale(0.39) rotate(100deg);
}
@keyframes fall-41 {
  16.951% {
    transform: translate(92.1106vw, 16.951vh) scale(0.39) rotate(100deg);
  }
  to {
    transform: translate(87.144249664vw, 100vh) scale(0.39) rotate(100deg);
  }
}
.snowflakes-box .snowflake:nth-child(42) {
  animation: fall-42 30s linear -27s infinite;
  opacity: 0.6692;
  transform: translate(65.6358vw, -20px) scale(0.6525) rotate(480deg);
}
@keyframes fall-42 {
  11.953% {
    transform: translate(74.9565vw, 11.953vh) scale(0.6525) rotate(480deg);
  }
  to {
    transform: translate(65.635893207vw, 100vh) scale(0.6525) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(43) {
  animation: fall-43 14s linear -28s infinite;
  opacity: 0.4068;
  transform: translate(3.1569vw, -20px) scale(0.7387) rotate(240deg);
}
@keyframes fall-43 {
  13.752% {
    transform: translate(5.7913vw, 13.752vh) scale(0.7387) rotate(240deg);
  }
  to {
    transform: translate(3.156926344vw, 100vh) scale(0.7387) rotate(240deg);
  }
}
.snowflakes-box .snowflake:nth-child(44) {
  animation: fall-44 15s linear -23s infinite;
  opacity: 0.5606;
  transform: translate(10.9383vw, -20px) scale(0.6065) rotate(440deg);
}
@keyframes fall-44 {
  18.691% {
    transform: translate(17.5183vw, 18.691vh) scale(0.6065) rotate(440deg);
  }
  to {
    transform: translate(10.9383658vw, 100vh) scale(0.6065) rotate(440deg);
  }
}
.snowflakes-box .snowflake:nth-child(45) {
  animation: fall-45 25s linear -26s infinite;
  opacity: 0.6702;
  transform: translate(68.6471vw, -20px) scale(0.0097) rotate(560deg);
}
@keyframes fall-45 {
  14.952% {
    transform: translate(61.8653vw, 14.952vh) scale(0.0097) rotate(560deg);
  }
  to {
    transform: translate(68.647032182vw, 100vh) scale(0.0097) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(46) {
  animation: fall-46 24s linear -19s infinite;
  opacity: 1;
  transform: translate(58.0894vw, -20px) scale(0.4061) rotate(280deg);
}
@keyframes fall-46 {
  14.159% {
    transform: translate(64.7879vw, 14.159vh) scale(0.4061) rotate(280deg);
  }
  to {
    transform: translate(58.089466985vw, 100vh) scale(0.4061) rotate(280deg);
  }
}
.snowflakes-box .snowflake:nth-child(47) {
  animation: fall-47 14s linear -4s infinite;
  opacity: 0.718;
  transform: translate(72.7822vw, -20px) scale(0.8776) rotate(500deg);
}
@keyframes fall-47 {
  18.185% {
    transform: translate(81.9332vw, 18.185vh) scale(0.8776) rotate(500deg);
  }
  to {
    transform: translate(72.78229151vw, 100vh) scale(0.8776) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(48) {
  animation: fall-48 14s linear -30s infinite;
  opacity: 1;
  transform: translate(14.4111vw, -20px) scale(0.6661) rotate(320deg);
}
@keyframes fall-48 {
  16.843% {
    transform: translate(10.9488vw, 16.843vh) scale(0.6661) rotate(320deg);
  }
  to {
    transform: translate(14.411065377vw, 100vh) scale(0.6661) rotate(320deg);
  }
}
.snowflakes-box .snowflake:nth-child(49) {
  animation: fall-49 17s linear -28s infinite;
  opacity: 0.8278;
  transform: translate(62.2743vw, -20px) scale(0.6111) rotate(460deg);
}
@keyframes fall-49 {
  19.085% {
    transform: translate(59.8489vw, 19.085vh) scale(0.6111) rotate(460deg);
  }
  to {
    transform: translate(62.274275746vw, 100vh) scale(0.6111) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(50) {
  animation: fall-50 10s linear -28s infinite;
  opacity: 1;
  transform: translate(45.2482vw, -20px) scale(0.8372) rotate(180deg);
}
@keyframes fall-50 {
  16.642% {
    transform: translate(44.5493vw, 16.642vh) scale(0.8372) rotate(180deg);
  }
  to {
    transform: translate(45.248193011vw, 100vh) scale(0.8372) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(51) {
  animation: fall-51 16s linear -15s infinite;
  opacity: 1;
  transform: translate(51.0156vw, -20px) scale(0.0731) rotate(240deg);
}
@keyframes fall-51 {
  16.806% {
    transform: translate(43.636vw, 16.806vh) scale(0.0731) rotate(240deg);
  }
  to {
    transform: translate(51.015526204vw, 100vh) scale(0.0731) rotate(240deg);
  }
}
.snowflakes-box .snowflake:nth-child(52) {
  animation: fall-52 14s linear -13s infinite;
  opacity: 1;
  transform: translate(25.1406vw, -20px) scale(0.9042) rotate(20deg);
}
@keyframes fall-52 {
  16.634% {
    transform: translate(23.8709vw, 16.634vh) scale(0.9042) rotate(20deg);
  }
  to {
    transform: translate(25.140587303vw, 100vh) scale(0.9042) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(53) {
  animation: fall-53 19s linear -29s infinite;
  opacity: 0.2006;
  transform: translate(1.3799vw, -20px) scale(0.9463) rotate(60deg);
}
@keyframes fall-53 {
  10.474% {
    transform: translate(7.5288vw, 10.474vh) scale(0.9463) rotate(60deg);
  }
  to {
    transform: translate(1.379961489vw, 100vh) scale(0.9463) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(54) {
  animation: fall-54 15s linear -19s infinite;
  opacity: 1;
  transform: translate(51.5389vw, -20px) scale(0.7381) rotate(80deg);
}
@keyframes fall-54 {
  13.854% {
    transform: translate(60.604vw, 13.854vh) scale(0.7381) rotate(80deg);
  }
  to {
    transform: translate(51.538990651vw, 100vh) scale(0.7381) rotate(80deg);
  }
}
.snowflakes-box .snowflake:nth-child(55) {
  animation: fall-55 22s linear -22s infinite;
  opacity: 1;
  transform: translate(84.0781vw, -20px) scale(0.5693) rotate(220deg);
}
@keyframes fall-55 {
  11.004% {
    transform: translate(85.4684vw, 11.004vh) scale(0.5693) rotate(220deg);
  }
  to {
    transform: translate(84.078113903vw, 100vh) scale(0.5693) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(56) {
  animation: fall-56 26s linear -5s infinite;
  opacity: 1;
  transform: translate(95.2082vw, -20px) scale(0.9871) rotate(100deg);
}
@keyframes fall-56 {
  10.7% {
    transform: translate(101.335vw, 10.7vh) scale(0.9871) rotate(100deg);
  }
  to {
    transform: translate(95.208261268vw, 100vh) scale(0.9871) rotate(100deg);
  }
}
.snowflakes-box .snowflake:nth-child(57) {
  animation: fall-57 16s linear -15s infinite;
  opacity: 1;
  transform: translate(8.6861vw, -20px) scale(0.3597) rotate(540deg);
}
@keyframes fall-57 {
  10.115% {
    transform: translate(5.1597vw, 10.115vh) scale(0.3597) rotate(540deg);
  }
  to {
    transform: translate(8.686064736vw, 100vh) scale(0.3597) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(58) {
  animation: fall-58 26s linear -9s infinite;
  opacity: 0.3908;
  transform: translate(80.5801vw, -20px) scale(0.9172) rotate(240deg);
}
@keyframes fall-58 {
  12.367% {
    transform: translate(78.4052vw, 12.367vh) scale(0.9172) rotate(240deg);
  }
  to {
    transform: translate(80.580078251vw, 100vh) scale(0.9172) rotate(240deg);
  }
}
.snowflakes-box .snowflake:nth-child(59) {
  animation: fall-59 23s linear -23s infinite;
  opacity: 0.8294;
  transform: translate(44.3049vw, -20px) scale(0.3715) rotate(560deg);
}
@keyframes fall-59 {
  11.759% {
    transform: translate(38.9391vw, 11.759vh) scale(0.3715) rotate(560deg);
  }
  to {
    transform: translate(44.304846342vw, 100vh) scale(0.3715) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(60) {
  animation: fall-60 20s linear -18s infinite;
  opacity: 1;
  transform: translate(9.7594vw, -20px) scale(0.768) rotate(540deg);
}
@keyframes fall-60 {
  15.309% {
    transform: translate(19.653vw, 15.309vh) scale(0.768) rotate(540deg);
  }
  to {
    transform: translate(9.759498936vw, 100vh) scale(0.768) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(61) {
  animation: fall-61 27s linear -25s infinite;
  opacity: 1;
  transform: translate(89.1148vw, -20px) scale(0.7318) rotate(140deg);
}
@keyframes fall-61 {
  19.315% {
    transform: translate(91.3265vw, 19.315vh) scale(0.7318) rotate(140deg);
  }
  to {
    transform: translate(89.114822117vw, 100vh) scale(0.7318) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(62) {
  animation: fall-62 26s linear -5s infinite;
  opacity: 1;
  transform: translate(13.3147vw, -20px) scale(0.6184) rotate(140deg);
}
@keyframes fall-62 {
  11.553% {
    transform: translate(10.2882vw, 11.553vh) scale(0.6184) rotate(140deg);
  }
  to {
    transform: translate(13.314669735vw, 100vh) scale(0.6184) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(63) {
  animation: fall-63 19s linear -7s infinite;
  opacity: 0.1854;
  transform: translate(58.6644vw, -20px) scale(0.1883) rotate(120deg);
}
@keyframes fall-63 {
  18.34% {
    transform: translate(64.9979vw, 18.34vh) scale(0.1883) rotate(120deg);
  }
  to {
    transform: translate(58.664463335vw, 100vh) scale(0.1883) rotate(120deg);
  }
}
.snowflakes-box .snowflake:nth-child(64) {
  animation: fall-64 21s linear -29s infinite;
  opacity: 0.3366;
  transform: translate(66.7757vw, -20px) scale(0.0129) rotate(440deg);
}
@keyframes fall-64 {
  19.389% {
    transform: translate(59.8866vw, 19.389vh) scale(0.0129) rotate(440deg);
  }
  to {
    transform: translate(66.775631109vw, 100vh) scale(0.0129) rotate(440deg);
  }
}
.snowflakes-box .snowflake:nth-child(65) {
  animation: fall-65 20s linear -15s infinite;
  opacity: 1;
  transform: translate(79.1918vw, -20px) scale(0.4193) rotate(460deg);
}
@keyframes fall-65 {
  10.167% {
    transform: translate(85.0738vw, 10.167vh) scale(0.4193) rotate(460deg);
  }
  to {
    transform: translate(79.19185882vw, 100vh) scale(0.4193) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(66) {
  animation: fall-66 14s linear -23s infinite;
  opacity: 1;
  transform: translate(23.427vw, -20px) scale(0.2273) rotate(140deg);
}
@keyframes fall-66 {
  12.829% {
    transform: translate(13.5608vw, 12.829vh) scale(0.2273) rotate(140deg);
  }
  to {
    transform: translate(23.426901338vw, 100vh) scale(0.2273) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(67) {
  animation: fall-67 11s linear -28s infinite;
  opacity: 1;
  transform: translate(26.3649vw, -20px) scale(0.8695) rotate(60deg);
}
@keyframes fall-67 {
  12.587% {
    transform: translate(32.9065vw, 12.587vh) scale(0.8695) rotate(60deg);
  }
  to {
    transform: translate(26.364965416vw, 100vh) scale(0.8695) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(68) {
  animation: fall-68 12s linear -15s infinite;
  opacity: 1;
  transform: translate(19.016vw, -20px) scale(0.1174) rotate(500deg);
}
@keyframes fall-68 {
  12.82% {
    transform: translate(20.926vw, 12.82vh) scale(0.1174) rotate(500deg);
  }
  to {
    transform: translate(19.0160191vw, 100vh) scale(0.1174) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(69) {
  animation: fall-69 13s linear -9s infinite;
  opacity: 0.0664;
  transform: translate(70.2864vw, -20px) scale(0.4023) rotate(600deg);
}
@keyframes fall-69 {
  19.063% {
    transform: translate(80.0123vw, 19.063vh) scale(0.4023) rotate(600deg);
  }
  to {
    transform: translate(70.286497259vw, 100vh) scale(0.4023) rotate(600deg);
  }
}
.snowflakes-box .snowflake:nth-child(70) {
  animation: fall-70 18s linear -28s infinite;
  opacity: 0.3756;
  transform: translate(4.9489vw, -20px) scale(0.306) rotate(560deg);
}
@keyframes fall-70 {
  14.651% {
    transform: translate(-1.0881vw, 14.651vh) scale(0.306) rotate(560deg);
  }
  to {
    transform: translate(4.94883963vw, 100vh) scale(0.306) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(71) {
  animation: fall-71 20s linear -2s infinite;
  opacity: 0.472;
  transform: translate(95.8009vw, -20px) scale(0.5938) rotate(300deg);
}
@keyframes fall-71 {
  14.052% {
    transform: translate(104.2548vw, 14.052vh) scale(0.5938) rotate(300deg);
  }
  to {
    transform: translate(95.800984539vw, 100vh) scale(0.5938) rotate(300deg);
  }
}
.snowflakes-box .snowflake:nth-child(72) {
  animation: fall-72 17s linear -14s infinite;
  opacity: 0.4306;
  transform: translate(69.7493vw, -20px) scale(0.1573) rotate(60deg);
}
@keyframes fall-72 {
  15.588% {
    transform: translate(63.4337vw, 15.588vh) scale(0.1573) rotate(60deg);
  }
  to {
    transform: translate(69.749236844vw, 100vh) scale(0.1573) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(73) {
  animation: fall-73 21s linear -24s infinite;
  opacity: 0.9742;
  transform: translate(4.466vw, -20px) scale(0.1498) rotate(320deg);
}
@keyframes fall-73 {
  18.973% {
    transform: translate(-3.2367vw, 18.973vh) scale(0.1498) rotate(320deg);
  }
  to {
    transform: translate(4.465922973vw, 100vh) scale(0.1498) rotate(320deg);
  }
}
.snowflakes-box .snowflake:nth-child(74) {
  animation: fall-74 18s linear -24s infinite;
  opacity: 0.0104;
  transform: translate(5.0172vw, -20px) scale(0.9591) rotate(80deg);
}
@keyframes fall-74 {
  16.414% {
    transform: translate(2.9169vw, 16.414vh) scale(0.9591) rotate(80deg);
  }
  to {
    transform: translate(5.017178997vw, 100vh) scale(0.9591) rotate(80deg);
  }
}
.snowflakes-box .snowflake:nth-child(75) {
  animation: fall-75 19s linear -17s infinite;
  opacity: 1;
  transform: translate(0.8932vw, -20px) scale(0.2064) rotate(420deg);
}
@keyframes fall-75 {
  10.873% {
    transform: translate(-3.6378vw, 10.873vh) scale(0.2064) rotate(420deg);
  }
  to {
    transform: translate(0.89315469vw, 100vh) scale(0.2064) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(76) {
  animation: fall-76 10s linear -9s infinite;
  opacity: 1;
  transform: translate(43.4157vw, -20px) scale(0.6746) rotate(500deg);
}
@keyframes fall-76 {
  19.782% {
    transform: translate(50.4765vw, 19.782vh) scale(0.6746) rotate(500deg);
  }
  to {
    transform: translate(43.415770608vw, 100vh) scale(0.6746) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(77) {
  animation: fall-77 12s linear -8s infinite;
  opacity: 0.3818;
  transform: translate(73.9044vw, -20px) scale(0.0466) rotate(540deg);
}
@keyframes fall-77 {
  16.469% {
    transform: translate(76.7319vw, 16.469vh) scale(0.0466) rotate(540deg);
  }
  to {
    transform: translate(73.904428275vw, 100vh) scale(0.0466) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(78) {
  animation: fall-78 21s linear -2s infinite;
  opacity: 0.2086;
  transform: translate(12.1918vw, -20px) scale(0.7536) rotate(120deg);
}
@keyframes fall-78 {
  15.309% {
    transform: translate(8.223vw, 15.309vh) scale(0.7536) rotate(120deg);
  }
  to {
    transform: translate(12.191760312vw, 100vh) scale(0.7536) rotate(120deg);
  }
}
.snowflakes-box .snowflake:nth-child(79) {
  animation: fall-79 21s linear -11s infinite;
  opacity: 0.8862;
  transform: translate(42.4113vw, -20px) scale(0.6333) rotate(400deg);
}
@keyframes fall-79 {
  15.622% {
    transform: translate(46.3064vw, 15.622vh) scale(0.6333) rotate(400deg);
  }
  to {
    transform: translate(42.411338951vw, 100vh) scale(0.6333) rotate(400deg);
  }
}
.snowflakes-box .snowflake:nth-child(80) {
  animation: fall-80 13s linear -22s infinite;
  opacity: 0.139;
  transform: translate(53.0642vw, -20px) scale(0.7768) rotate(420deg);
}
@keyframes fall-80 {
  18.634% {
    transform: translate(58.181vw, 18.634vh) scale(0.7768) rotate(420deg);
  }
  to {
    transform: translate(53.064251168vw, 100vh) scale(0.7768) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(81) {
  animation: fall-81 29s linear -12s infinite;
  opacity: 1;
  transform: translate(78.4814vw, -20px) scale(0.0939) rotate(340deg);
}
@keyframes fall-81 {
  11.386% {
    transform: translate(80.9681vw, 11.386vh) scale(0.0939) rotate(340deg);
  }
  to {
    transform: translate(78.481424867vw, 100vh) scale(0.0939) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(82) {
  animation: fall-82 14s linear -26s infinite;
  opacity: 0.357;
  transform: translate(68.5713vw, -20px) scale(0.3685) rotate(1turn);
}
@keyframes fall-82 {
  12.411% {
    transform: translate(64.5545vw, 12.411vh) scale(0.3685) rotate(1turn);
  }
  to {
    transform: translate(68.571259832vw, 100vh) scale(0.3685) rotate(1turn);
  }
}
.snowflakes-box .snowflake:nth-child(83) {
  animation: fall-83 10s linear -29s infinite;
  opacity: 0.9488;
  transform: translate(57.6592vw, -20px) scale(0.1724) rotate(540deg);
}
@keyframes fall-83 {
  11.036% {
    transform: translate(56.241vw, 11.036vh) scale(0.1724) rotate(540deg);
  }
  to {
    transform: translate(57.659185818vw, 100vh) scale(0.1724) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(84) {
  animation: fall-84 15s linear -15s infinite;
  opacity: 0.2908;
  transform: translate(78.3856vw, -20px) scale(0.0246) rotate(600deg);
}
@keyframes fall-84 {
  13.789% {
    transform: translate(78.722vw, 13.789vh) scale(0.0246) rotate(600deg);
  }
  to {
    transform: translate(78.385603364vw, 100vh) scale(0.0246) rotate(600deg);
  }
}
.snowflakes-box .snowflake:nth-child(85) {
  animation: fall-85 30s linear -1s infinite;
  opacity: 1;
  transform: translate(52.0041vw, -20px) scale(0.2601) rotate(480deg);
}
@keyframes fall-85 {
  10.23% {
    transform: translate(56.4435vw, 10.23vh) scale(0.2601) rotate(480deg);
  }
  to {
    transform: translate(52.004144394vw, 100vh) scale(0.2601) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(86) {
  animation: fall-86 30s linear -12s infinite;
  opacity: 1;
  transform: translate(59.5535vw, -20px) scale(0.491) rotate(480deg);
}
@keyframes fall-86 {
  11.287% {
    transform: translate(61.7213vw, 11.287vh) scale(0.491) rotate(480deg);
  }
  to {
    transform: translate(59.553521678vw, 100vh) scale(0.491) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(87) {
  animation: fall-87 11s linear -27s infinite;
  opacity: 1;
  transform: translate(13.3348vw, -20px) scale(0.0506) rotate(180deg);
}
@keyframes fall-87 {
  12.044% {
    transform: translate(13.944vw, 12.044vh) scale(0.0506) rotate(180deg);
  }
  to {
    transform: translate(13.334806092vw, 100vh) scale(0.0506) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(88) {
  animation: fall-88 28s linear -5s infinite;
  opacity: 1;
  transform: translate(9.3745vw, -20px) scale(0.7808) rotate(460deg);
}
@keyframes fall-88 {
  11.904% {
    transform: translate(2.3133vw, 11.904vh) scale(0.7808) rotate(460deg);
  }
  to {
    transform: translate(9.374429388vw, 100vh) scale(0.7808) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(89) {
  animation: fall-89 19s linear -17s infinite;
  opacity: 1;
  transform: translate(7.4814vw, -20px) scale(0.5653) rotate(480deg);
}
@keyframes fall-89 {
  14.563% {
    transform: translate(-1.7198vw, 14.563vh) scale(0.5653) rotate(480deg);
  }
  to {
    transform: translate(7.481307988vw, 100vh) scale(0.5653) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(90) {
  animation: fall-90 25s linear -6s infinite;
  opacity: 1;
  transform: translate(64.0818vw, -20px) scale(0.9293) rotate(560deg);
}
@keyframes fall-90 {
  15.574% {
    transform: translate(72.7785vw, 15.574vh) scale(0.9293) rotate(560deg);
  }
  to {
    transform: translate(64.081886967vw, 100vh) scale(0.9293) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(91) {
  animation: fall-91 13s linear -8s infinite;
  opacity: 1;
  transform: translate(37.8889vw, -20px) scale(0.1389) rotate(340deg);
}
@keyframes fall-91 {
  15.571% {
    transform: translate(42.9041vw, 15.571vh) scale(0.1389) rotate(340deg);
  }
  to {
    transform: translate(37.888950152vw, 100vh) scale(0.1389) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(92) {
  animation: fall-92 19s linear -8s infinite;
  opacity: 0.5658;
  transform: translate(76.1665vw, -20px) scale(0.2895) rotate(340deg);
}
@keyframes fall-92 {
  17.836% {
    transform: translate(72.7589vw, 17.836vh) scale(0.2895) rotate(340deg);
  }
  to {
    transform: translate(76.166465924vw, 100vh) scale(0.2895) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(93) {
  animation: fall-93 27s linear -24s infinite;
  opacity: 1;
  transform: translate(94.5839vw, -20px) scale(0.3934) rotate(200deg);
}
@keyframes fall-93 {
  11.782% {
    transform: translate(101.0805vw, 11.782vh) scale(0.3934) rotate(200deg);
  }
  to {
    transform: translate(94.583964966vw, 100vh) scale(0.3934) rotate(200deg);
  }
}
.snowflakes-box .snowflake:nth-child(94) {
  animation: fall-94 29s linear -25s infinite;
  opacity: 1;
  transform: translate(80.5463vw, -20px) scale(0.9311) rotate(160deg);
}
@keyframes fall-94 {
  13.429% {
    transform: translate(74.7995vw, 13.429vh) scale(0.9311) rotate(160deg);
  }
  to {
    transform: translate(80.546242532vw, 100vh) scale(0.9311) rotate(160deg);
  }
}
.snowflakes-box .snowflake:nth-child(95) {
  animation: fall-95 17s linear -19s infinite;
  opacity: 0.591;
  transform: translate(73.9782vw, -20px) scale(0.949) rotate(20deg);
}
@keyframes fall-95 {
  14.44% {
    transform: translate(81.2775vw, 14.44vh) scale(0.949) rotate(20deg);
  }
  to {
    transform: translate(73.978272993vw, 100vh) scale(0.949) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(96) {
  animation: fall-96 25s linear -21s infinite;
  opacity: 0.1172;
  transform: translate(89.2368vw, -20px) scale(0.3348) rotate(220deg);
}
@keyframes fall-96 {
  13.073% {
    transform: translate(91.3903vw, 13.073vh) scale(0.3348) rotate(220deg);
  }
  to {
    transform: translate(89.236821535vw, 100vh) scale(0.3348) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(97) {
  animation: fall-97 15s linear -1s infinite;
  opacity: 1;
  transform: translate(78.9114vw, -20px) scale(0.3778) rotate(60deg);
}
@keyframes fall-97 {
  18.099% {
    transform: translate(82.0241vw, 18.099vh) scale(0.3778) rotate(60deg);
  }
  to {
    transform: translate(78.911431127vw, 100vh) scale(0.3778) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(98) {
  animation: fall-98 29s linear -8s infinite;
  opacity: 0.9128;
  transform: translate(56.7353vw, -20px) scale(0.4104) rotate(520deg);
}
@keyframes fall-98 {
  18.75% {
    transform: translate(54.4127vw, 18.75vh) scale(0.4104) rotate(520deg);
  }
  to {
    transform: translate(56.735276774vw, 100vh) scale(0.4104) rotate(520deg);
  }
}
.snowflakes-box .snowflake:nth-child(99) {
  animation: fall-99 28s linear -8s infinite;
  opacity: 1;
  transform: translate(93.2123vw, -20px) scale(0.5087) rotate(40deg);
}
@keyframes fall-99 {
  19.328% {
    transform: translate(89.756vw, 19.328vh) scale(0.5087) rotate(40deg);
  }
  to {
    transform: translate(93.212265437vw, 100vh) scale(0.5087) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(100) {
  animation: fall-100 17s linear -24s infinite;
  opacity: 0.7784;
  transform: translate(11.2737vw, -20px) scale(0.2515) rotate(500deg);
}
@keyframes fall-100 {
  11.797% {
    transform: translate(13.8374vw, 11.797vh) scale(0.2515) rotate(500deg);
  }
  to {
    transform: translate(11.273725637vw, 100vh) scale(0.2515) rotate(500deg);
  }
}
.snowball-box .snow-layer {
  background-color: #fff;
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 100;
}
.snowball-box .snow-layer .snowball-wrap {
  bottom: 0;
  display: flex;
  height: 0;
  perspective: 100px;
  position: relative;
  transform: translateY(0);
  transition: transform 0.5s ease-in;
  width: 100%;
  z-index: 50;
}
.snowball-box .snow-layer .snowball-wrap:after {
  background: #f1f9fc;
  bottom: 0;
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  width: 100%;
}
.snowball-box .snow-layer .snowball-wrap a {
  background-color: #f1f9fc;
  border-radius: 60% 40% 0 0;
  box-shadow: inset -10px 0 14px 0 #c8ebf8;
  display: block;
  flex: auto;
  font-family: FontAwesome;
  max-width: 50%;
  position: relative;
  transform: translateY(-6px);
  transition: all 0.5s linear;
  z-index: 3;
}
.snowball-box .snow-layer .snowball-wrap a svg:first-child {
  color: #a6e7ff;
  content: "";
  height: 12px !important;
  position: absolute;
  right: 20%;
  top: 10%;
  width: 12px !important;
}
.snowball-box .snow-layer .snowball-wrap a svg:last-child {
  color: #a6e7ff;
  content: "";
  height: 12px !important;
  left: 30%;
  position: absolute;
  top: 15%;
  width: 12px !important;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
  border-radius: 40% 40% 0 0;
  box-shadow: inset 10px 0 7px 0 #e6fcf9;
  height: 70px;
  margin-top: 10px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
  border-radius: 65% 50% 0 0;
  box-shadow: inset 5px 0 7px 0 #c5f2ed;
  height: 90px;
  margin-top: 15px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
  box-shadow: inset -10px 0 14px 0 #c8ebf8;
  height: 50px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
  border-radius: 40% 46% 0 0;
  height: 70px;
  margin-top: 25px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
  border-radius: 66% 45% 0 0;
  box-shadow: inset 5px 0 5px 0 #c5f2ed;
  height: 90px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
  border-radius: 40% 45% 0 0;
  height: 90px;
  margin-top: 18px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
  box-shadow: inset 7px 0 7px 0 #e6fcf9;
  height: 90px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
  border-radius: 40% 40% 0 0;
  box-shadow: inset 5px 0 10px 0 #c5f2ed;
  height: 90px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
  box-shadow: inset -10px 0 7px 0 #c5f2ed;
  height: 70px;
}
.snowball-box .snow-layer .snowball-wrap a:only-child {
  border-radius: 45% 15% 0 0;
}
.snowball-box .snow-layer .snowball-wrap a:only-child:before {
  right: 50%;
  top: 0;
  transform: translateX(-50%);
}
.snowball-box .snow-layer .snowball-wrap a:only-child:after {
  border-radius: 63% 25% 0 0;
  height: 45%;
  left: 0;
  top: 0;
  transform: translateY(0);
  transition: all 8s linear;
  width: 31%;
}
.snowball-box .snow-layer .snowball-wrap a:last-child {
  flex: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3n + 3) {
  box-shadow: inset 0 0 20px #f5f5f5, inset 20px 0 20px #c8ebf8,
    inset -20px 0 20px #c5f2ed, inset 20px 0 10px #c8ebf8,
    inset -20px 0 20px #c5f2ed, 0 0 20px #fff, -10px 0 20px #c8ebf8,
    10px 0 20px #c5f2ed;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2n) {
  margin-left: -40px;
  z-index: 2;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2n):after {
  left: 50%;
  top: -2px;
}
.snowball-box .snow-layer .snowball-wrap a:first-child {
  min-width: 145px;
}
.snowball-box .snow-layer .snowball-wrap a:first-child:before {
  animation: falldown-1 19s linear 3s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:first-child:after {
  opacity: 1;
}
@keyframes falldown-1 {
  16.904% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
  min-width: 91px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2):before {
  animation: falldown-2 10s linear 22s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2):after {
  opacity: 1;
}
@keyframes falldown-2 {
  12.253% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
  min-width: 113px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3):before {
  animation: falldown-3 15s linear 2s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3):after {
  opacity: 1;
}
@keyframes falldown-3 {
  10.85% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
  min-width: 85px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4):before {
  animation: falldown-4 18s linear 12s infinite;
  opacity: 0.466;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4):after {
  opacity: 1;
}
@keyframes falldown-4 {
  18.644% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
  min-width: 88px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5):before {
  animation: falldown-5 15s linear 16s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5):after {
  opacity: 1;
}
@keyframes falldown-5 {
  15.937% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
  min-width: 94px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6):before {
  animation: falldown-6 17s linear 5s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6):after {
  opacity: 1;
}
@keyframes falldown-6 {
  12.129% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
  min-width: 92px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7):before {
  animation: falldown-7 29s linear 22s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7):after {
  opacity: 1;
}
@keyframes falldown-7 {
  17.189% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
  min-width: 115px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8):before {
  animation: falldown-8 26s linear 21s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8):after {
  opacity: 1;
}
@keyframes falldown-8 {
  18.545% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
  min-width: 134px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9):before {
  animation: falldown-9 13s linear 17s infinite;
  opacity: 0.8806;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9):after {
  opacity: 1;
}
@keyframes falldown-9 {
  12.861% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
  min-width: 126px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10):before {
  animation: falldown-10 23s linear 10s infinite;
  opacity: 0.8694;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10):after {
  opacity: 1;
}
@keyframes falldown-10 {
  14.345% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a.active-for-one {
  animation: move 2s cubic-bezier(0.22, 0.68, 0, 1.71) forwards;
}
.snowball-box .snow-layer .snowball-wrap a.active {
  animation: move 5s linear forwards;
}
@media screen and (max-width: 1024px) {
  .snowball-box .snow-layer .snowball-wrap a.active {
    animation: move 5s linear 1s forwards;
  }
}
.snowball-box .snow-layer .snowball-wrap a.move-out {
  opacity: 0;
}
.snowball-box .snow-plow-img {
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  opacity: 0;
  position: relative;
  transform: translate(150px, -70px);
  transition: transform 1s linear;
  -moz-transition: transform 5s linear;
  -o-transition: transform 5s linear;
  -webkit-transition: transform 5s linear;
  width: 100px;
  z-index: 5;
}
.snowball-box .snow-plow-img.active {
  animation: move-translate 5s linear forwards;
  opacity: 1;
}
@keyframes move {
  0% {
    left: 0;
  }
  to {
    left: -130vw;
  }
}
@keyframes move-translate {
  0% {
    transform: translateY(-70px);
  }
  to {
    transform: translate(-130vw, -70px);
  }
}
@keyframes animate_grow {
  0% {
    transform: rotate(135deg) scaleX(1);
  }
  50% {
    transform: rotate(135deg) scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: rotate(135deg) scaleX(1);
  }
}
@media screen and (max-width: 600px) {
  .snowball-box .snow-plow-img {
    height: 70px;
    transform: translate(150px, -57px);
    width: 70px;
  }
  @keyframes move-translate {
    0% {
      transform: translate(150px, -57px);
    }
    to {
      transform: translate(-100vw, -57px);
    }
  }
}
