.snowfall {
  
}
.snowfall snowflake {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100px;
  height: 100px;
}
.snowfall snowflake span {
  align-self: center;
}
.snowfall snowflake img {
  align-self: center;
  width: 20px;
}
.snowfall snowflake:nth-child(50) {
  animation: animation-snowflake-50 linear infinite;
  animation-duration: 13.1s;
  animation-delay: -1.1s;
}
@keyframes animation-snowflake-50 {
  0% {
    left: 85%;
    top: calc(0% - 100px);
    transform: scale(1.058) rotate3d(0.36, 0.38, 0.25, 0deg);
  }
  100% {
    left: 114.1%;
    top: calc(100% + 100px);
    transform: scale(1.058) rotate3d(0.35, 0.84, 0.72, 997deg);
  }
}
.snowfall snowflake:nth-child(49) {
  animation: animation-snowflake-49 linear infinite;
  animation-duration: 12s;
  animation-delay: -14.8s;
}
@keyframes animation-snowflake-49 {
  0% {
    left: 26%;
    top: calc(0% - 100px);
    transform: scale(0.637) rotate3d(0.22, 0.52, 0.15, 0deg);
  }
  100% {
    left: 16%;
    top: calc(100% + 100px);
    transform: scale(0.637) rotate3d(0.12, 0.67, 0.79, -1212deg);
  }
}
.snowfall snowflake:nth-child(48) {
  animation: animation-snowflake-48 linear infinite;
  animation-duration: 11.8s;
  animation-delay: -10.4s;
}
@keyframes animation-snowflake-48 {
  0% {
    left: 3%;
    top: calc(0% - 100px);
    transform: scale(1.235) rotate3d(0.92, 0.78, 0.97, 0deg);
  }
  100% {
    left: 26.8%;
    top: calc(100% + 100px);
    transform: scale(1.235) rotate3d(0.75, 0.86, 0.08, -1042deg);
  }
}
.snowfall snowflake:nth-child(47) {
  animation: animation-snowflake-47 linear infinite;
  animation-duration: 9.2s;
  animation-delay: -1s;
}
@keyframes animation-snowflake-47 {
  0% {
    left: 50%;
    top: calc(0% - 100px);
    transform: scale(1.046) rotate3d(0.88, 0.19, 0.75, 0deg);
  }
  100% {
    left: 75.1%;
    top: calc(100% + 100px);
    transform: scale(1.046) rotate3d(0.22, 0.68, 0.67, -1287deg);
  }
}
.snowfall snowflake:nth-child(46) {
  animation: animation-snowflake-46 linear infinite;
  animation-duration: 15.8s;
  animation-delay: -15.1s;
}
@keyframes animation-snowflake-46 {
  0% {
    left: 78%;
    top: calc(0% - 100px);
    transform: scale(1.146) rotate3d(0.95, 0.06, 0.46, 0deg);
  }
  100% {
    left: 67%;
    top: calc(100% + 100px);
    transform: scale(1.146) rotate3d(0.79, 0.01, 0.63, 1235deg);
  }
}
.snowfall snowflake:nth-child(45) {
  animation: animation-snowflake-45 linear infinite;
  animation-duration: 13.4s;
  animation-delay: -15.5s;
}
@keyframes animation-snowflake-45 {
  0% {
    left: 22%;
    top: calc(0% - 100px);
    transform: scale(0.705) rotate3d(0.2, 1, 0.33, 0deg);
  }
  100% {
    left: 22.5%;
    top: calc(100% + 100px);
    transform: scale(0.705) rotate3d(0.99, 0.94, 0.9, 1293deg);
  }
}
.snowfall snowflake:nth-child(44) {
  animation: animation-snowflake-44 linear infinite;
  animation-duration: 11.3s;
  animation-delay: -15.7s;
}
@keyframes animation-snowflake-44 {
  0% {
    left: 74%;
    top: calc(0% - 100px);
    transform: scale(0.87) rotate3d(0.89, 0.22, 0.95, 0deg);
  }
  100% {
    left: 58.7%;
    top: calc(100% + 100px);
    transform: scale(0.87) rotate3d(0.77, 0.8, 0.04, 1038deg);
  }
}
.snowfall snowflake:nth-child(43) {
  animation: animation-snowflake-43 linear infinite;
  animation-duration: 14.8s;
  animation-delay: -14s;
}
@keyframes animation-snowflake-43 {
  0% {
    left: 57%;
    top: calc(0% - 100px);
    transform: scale(1.103) rotate3d(0.11, 0.59, 0.53, 0deg);
  }
  100% {
    left: 55.6%;
    top: calc(100% + 100px);
    transform: scale(1.103) rotate3d(0.84, 0.39, 0.31, 955deg);
  }
}
.snowfall snowflake:nth-child(42) {
  animation: animation-snowflake-42 linear infinite;
  animation-duration: 8.1s;
  animation-delay: -7.8s;
}
@keyframes animation-snowflake-42 {
  0% {
    left: 91%;
    top: calc(0% - 100px);
    transform: scale(1.249) rotate3d(0.56, 0.42, 0.15, 0deg);
  }
  100% {
    left: 81.8%;
    top: calc(100% + 100px);
    transform: scale(1.249) rotate3d(0.16, 0.03, 0.8, 1214deg);
  }
}
.snowfall snowflake:nth-child(41) {
  animation: animation-snowflake-41 linear infinite;
  animation-duration: 15.9s;
  animation-delay: -11.1s;
}
@keyframes animation-snowflake-41 {
  0% {
    left: 66%;
    top: calc(0% - 100px);
    transform: scale(1.389) rotate3d(0.91, 0.12, 0.21, 0deg);
  }
  100% {
    left: 105.3%;
    top: calc(100% + 100px);
    transform: scale(1.389) rotate3d(0.31, 0.97, 0.5, -885deg);
  }
}
.snowfall snowflake:nth-child(40) {
  animation: animation-snowflake-40 linear infinite;
  animation-duration: 14.4s;
  animation-delay: -4.2s;
}
@keyframes animation-snowflake-40 {
  0% {
    left: 3%;
    top: calc(0% - 100px);
    transform: scale(1.247) rotate3d(0.38, 0.39, 0.66, 0deg);
  }
  100% {
    left: 23.7%;
    top: calc(100% + 100px);
    transform: scale(1.247) rotate3d(0.98, 0.66, 0.46, 999deg);
  }
}
.snowfall snowflake:nth-child(39) {
  animation: animation-snowflake-39 linear infinite;
  animation-duration: 15.4s;
  animation-delay: -7.2s;
}
@keyframes animation-snowflake-39 {
  0% {
    left: 11%;
    top: calc(0% - 100px);
    transform: scale(1.091) rotate3d(0.92, 0.21, 0.47, 0deg);
  }
  100% {
    left: 26.9%;
    top: calc(100% + 100px);
    transform: scale(1.091) rotate3d(0.29, 0.72, 0.17, 1290deg);
  }
}
.snowfall snowflake:nth-child(38) {
  animation: animation-snowflake-38 linear infinite;
  animation-duration: 12.9s;
  animation-delay: -15.6s;
}
@keyframes animation-snowflake-38 {
  0% {
    left: 98%;
    top: calc(0% - 100px);
    transform: scale(1.319) rotate3d(0.44, 0.68, 0.72, 0deg);
  }
  100% {
    left: 108%;
    top: calc(100% + 100px);
    transform: scale(1.319) rotate3d(1, 0.46, 0.76, -986deg);
  }
}
.snowfall snowflake:nth-child(37) {
  animation: animation-snowflake-37 linear infinite;
  animation-duration: 14.9s;
  animation-delay: -1.6s;
}
@keyframes animation-snowflake-37 {
  0% {
    left: 53%;
    top: calc(0% - 100px);
    transform: scale(1.076) rotate3d(0.98, 0.27, 0.82, 0deg);
  }
  100% {
    left: 34.5%;
    top: calc(100% + 100px);
    transform: scale(1.076) rotate3d(0.18, 0.66, 0.97, -1163deg);
  }
}
.snowfall snowflake:nth-child(36) {
  animation: animation-snowflake-36 linear infinite;
  animation-duration: 8.1s;
  animation-delay: -9.8s;
}
@keyframes animation-snowflake-36 {
  0% {
    left: 37%;
    top: calc(0% - 100px);
    transform: scale(1.243) rotate3d(0.89, 0.81, 0.03, 0deg);
  }
  100% {
    left: 26.3%;
    top: calc(100% + 100px);
    transform: scale(1.243) rotate3d(0.72, 0.02, 0.43, 1191deg);
  }
}
.snowfall snowflake:nth-child(35) {
  animation: animation-snowflake-35 linear infinite;
  animation-duration: 10.2s;
  animation-delay: -6.4s;
}
@keyframes animation-snowflake-35 {
  0% {
    left: 94%;
    top: calc(0% - 100px);
    transform: scale(1.325) rotate3d(0.08, 1, 0.49, 0deg);
  }
  100% {
    left: 75.6%;
    top: calc(100% + 100px);
    transform: scale(1.325) rotate3d(0.59, 0.71, 0.97, -1205deg);
  }
}
.snowfall snowflake:nth-child(34) {
  animation: animation-snowflake-34 linear infinite;
  animation-duration: 10.4s;
  animation-delay: -12.2s;
}
@keyframes animation-snowflake-34 {
  0% {
    left: 62%;
    top: calc(0% - 100px);
    transform: scale(1.279) rotate3d(0.2, 0.59, 0.26, 0deg);
  }
  100% {
    left: 80.4%;
    top: calc(100% + 100px);
    transform: scale(1.279) rotate3d(0.38, 0.84, 0.22, -1054deg);
  }
}
.snowfall snowflake:nth-child(33) {
  animation: animation-snowflake-33 linear infinite;
  animation-duration: 13.2s;
  animation-delay: -13.1s;
}
@keyframes animation-snowflake-33 {
  0% {
    left: 21%;
    top: calc(0% - 100px);
    transform: scale(1.061) rotate3d(0.17, 0.36, 0.93, 0deg);
  }
  100% {
    left: 55.6%;
    top: calc(100% + 100px);
    transform: scale(1.061) rotate3d(0.43, 0.77, 0.22, 1349deg);
  }
}
.snowfall snowflake:nth-child(32) {
  animation: animation-snowflake-32 linear infinite;
  animation-duration: 15.2s;
  animation-delay: -9.1s;
}
@keyframes animation-snowflake-32 {
  0% {
    left: 76%;
    top: calc(0% - 100px);
    transform: scale(0.678) rotate3d(0.13, 0.84, 0.29, 0deg);
  }
  100% {
    left: 85.9%;
    top: calc(100% + 100px);
    transform: scale(0.678) rotate3d(0.24, 0.97, 0.55, -928deg);
  }
}
.snowfall snowflake:nth-child(31) {
  animation: animation-snowflake-31 linear infinite;
  animation-duration: 12.2s;
  animation-delay: -14.5s;
}
@keyframes animation-snowflake-31 {
  0% {
    left: 66%;
    top: calc(0% - 100px);
    transform: scale(0.976) rotate3d(0.84, 0.11, 0.1, 0deg);
  }
  100% {
    left: 97.2%;
    top: calc(100% + 100px);
    transform: scale(0.976) rotate3d(0.19, 0.18, 0.09, -1195deg);
  }
}
.snowfall snowflake:nth-child(30) {
  animation: animation-snowflake-30 linear infinite;
  animation-duration: 10.1s;
  animation-delay: -13.5s;
}
@keyframes animation-snowflake-30 {
  0% {
    left: 22%;
    top: calc(0% - 100px);
    transform: scale(1.134) rotate3d(0.7, 0.26, 0.81, 0deg);
  }
  100% {
    left: 41.8%;
    top: calc(100% + 100px);
    transform: scale(1.134) rotate3d(0.96, 0.05, 0.37, -1222deg);
  }
}
.snowfall snowflake:nth-child(29) {
  animation: animation-snowflake-29 linear infinite;
  animation-duration: 13.5s;
  animation-delay: -8.1s;
}
@keyframes animation-snowflake-29 {
  0% {
    left: 31%;
    top: calc(0% - 100px);
    transform: scale(0.791) rotate3d(0.09, 0.54, 0.58, 0deg);
  }
  100% {
    left: 25.5%;
    top: calc(100% + 100px);
    transform: scale(0.791) rotate3d(0.72, 0.86, 0.33, -1293deg);
  }
}
.snowfall snowflake:nth-child(28) {
  animation: animation-snowflake-28 linear infinite;
  animation-duration: 13.8s;
  animation-delay: -9.2s;
}
@keyframes animation-snowflake-28 {
  0% {
    left: 69%;
    top: calc(0% - 100px);
    transform: scale(1.265) rotate3d(0.41, 0.08, 0.53, 0deg);
  }
  100% {
    left: 75.6%;
    top: calc(100% + 100px);
    transform: scale(1.265) rotate3d(0.59, 0.52, 0.07, -981deg);
  }
}
.snowfall snowflake:nth-child(27) {
  animation: animation-snowflake-27 linear infinite;
  animation-duration: 8.2s;
  animation-delay: -11.8s;
}
@keyframes animation-snowflake-27 {
  0% {
    left: 54%;
    top: calc(0% - 100px);
    transform: scale(1.083) rotate3d(0.32, 0.88, 0.84, 0deg);
  }
  100% {
    left: 72.1%;
    top: calc(100% + 100px);
    transform: scale(1.083) rotate3d(0.44, 0.8, 0.4, -1244deg);
  }
}
.snowfall snowflake:nth-child(26) {
  animation: animation-snowflake-26 linear infinite;
  animation-duration: 15.5s;
  animation-delay: -8.2s;
}
@keyframes animation-snowflake-26 {
  0% {
    left: 20%;
    top: calc(0% - 100px);
    transform: scale(1.265) rotate3d(0.92, 0.26, 0.4, 0deg);
  }
  100% {
    left: 46.4%;
    top: calc(100% + 100px);
    transform: scale(1.265) rotate3d(0.6, 0.22, 0.73, 1384deg);
  }
}
.snowfall snowflake:nth-child(25) {
  animation: animation-snowflake-25 linear infinite;
  animation-duration: 9.1s;
  animation-delay: -6.6s;
}
@keyframes animation-snowflake-25 {
  0% {
    left: 55%;
    top: calc(0% - 100px);
    transform: scale(1.109) rotate3d(0.99, 0.76, 0.88, 0deg);
  }
  100% {
    left: 83.1%;
    top: calc(100% + 100px);
    transform: scale(1.109) rotate3d(0.39, 0.41, 0.09, -1253deg);
  }
}
.snowfall snowflake:nth-child(24) {
  animation: animation-snowflake-24 linear infinite;
  animation-duration: 12.8s;
  animation-delay: -2.7s;
}
@keyframes animation-snowflake-24 {
  0% {
    left: 48%;
    top: calc(0% - 100px);
    transform: scale(0.679) rotate3d(0.07, 0.53, 0.37, 0deg);
  }
  100% {
    left: 34.6%;
    top: calc(100% + 100px);
    transform: scale(0.679) rotate3d(0.64, 0.2, 0.67, 1156deg);
  }
}
.snowfall snowflake:nth-child(23) {
  animation: animation-snowflake-23 linear infinite;
  animation-duration: 9.9s;
  animation-delay: -12.9s;
}
@keyframes animation-snowflake-23 {
  0% {
    left: 51%;
    top: calc(0% - 100px);
    transform: scale(1.306) rotate3d(0.12, 0.01, 0.04, 0deg);
  }
  100% {
    left: 84.7%;
    top: calc(100% + 100px);
    transform: scale(1.306) rotate3d(0.43, 0.98, 0.24, 847deg);
  }
}
.snowfall snowflake:nth-child(22) {
  animation: animation-snowflake-22 linear infinite;
  animation-duration: 11.3s;
  animation-delay: -8.7s;
}
@keyframes animation-snowflake-22 {
  0% {
    left: 97%;
    top: calc(0% - 100px);
    transform: scale(0.964) rotate3d(0.23, 0.31, 0.39, 0deg);
  }
  100% {
    left: 81.2%;
    top: calc(100% + 100px);
    transform: scale(0.964) rotate3d(0.49, 0.82, 0.23, -1168deg);
  }
}
.snowfall snowflake:nth-child(21) {
  animation: animation-snowflake-21 linear infinite;
  animation-duration: 8.2s;
  animation-delay: -13s;
}
@keyframes animation-snowflake-21 {
  0% {
    left: 41%;
    top: calc(0% - 100px);
    transform: scale(0.727) rotate3d(0.43, 0.68, 0.27, 0deg);
  }
  100% {
    left: 34.9%;
    top: calc(100% + 100px);
    transform: scale(0.727) rotate3d(0.51, 0.21, 0.74, -1207deg);
  }
}
.snowfall snowflake:nth-child(20) {
  animation: animation-snowflake-20 linear infinite;
  animation-duration: 10.9s;
  animation-delay: -12.1s;
}
@keyframes animation-snowflake-20 {
  0% {
    left: 89%;
    top: calc(0% - 100px);
    transform: scale(1.054) rotate3d(0.12, 0.28, 0.78, 0deg);
  }
  100% {
    left: 112.6%;
    top: calc(100% + 100px);
    transform: scale(1.054) rotate3d(0.79, 0.98, 0.03, -935deg);
  }
}
.snowfall snowflake:nth-child(19) {
  animation: animation-snowflake-19 linear infinite;
  animation-duration: 9.6s;
  animation-delay: -8.1s;
}
@keyframes animation-snowflake-19 {
  0% {
    left: 8%;
    top: calc(0% - 100px);
    transform: scale(1.099) rotate3d(0.5, 0.55, 0.33, 0deg);
  }
  100% {
    left: 33.4%;
    top: calc(100% + 100px);
    transform: scale(1.099) rotate3d(0.03, 0.94, 0.22, -1355deg);
  }
}
.snowfall snowflake:nth-child(18) {
  animation: animation-snowflake-18 linear infinite;
  animation-duration: 8.2s;
  animation-delay: -1.9s;
}
@keyframes animation-snowflake-18 {
  0% {
    left: 76%;
    top: calc(0% - 100px);
    transform: scale(1.176) rotate3d(0.85, 0.88, 0.1, 0deg);
  }
  100% {
    left: 115%;
    top: calc(100% + 100px);
    transform: scale(1.176) rotate3d(0.28, 1, 0.43, -1280deg);
  }
}
.snowfall snowflake:nth-child(17) {
  animation: animation-snowflake-17 linear infinite;
  animation-duration: 12.7s;
  animation-delay: -11.8s;
}
@keyframes animation-snowflake-17 {
  0% {
    left: 61%;
    top: calc(0% - 100px);
    transform: scale(1.167) rotate3d(0.63, 0.55, 0.91, 0deg);
  }
  100% {
    left: 57%;
    top: calc(100% + 100px);
    transform: scale(1.167) rotate3d(0.88, 0.94, 0.56, -730deg);
  }
}
.snowfall snowflake:nth-child(16) {
  animation: animation-snowflake-16 linear infinite;
  animation-duration: 10.1s;
  animation-delay: -15.6s;
}
@keyframes animation-snowflake-16 {
  0% {
    left: 81%;
    top: calc(0% - 100px);
    transform: scale(0.679) rotate3d(0.38, 0.57, 0.03, 0deg);
  }
  100% {
    left: 89.5%;
    top: calc(100% + 100px);
    transform: scale(0.679) rotate3d(0.88, 0.72, 0.54, -823deg);
  }
}
.snowfall snowflake:nth-child(15) {
  animation: animation-snowflake-15 linear infinite;
  animation-duration: 13.5s;
  animation-delay: -7.8s;
}
@keyframes animation-snowflake-15 {
  0% {
    left: 21%;
    top: calc(0% - 100px);
    transform: scale(1.258) rotate3d(0.91, 0.74, 0.08, 0deg);
  }
  100% {
    left: 50.3%;
    top: calc(100% + 100px);
    transform: scale(1.258) rotate3d(0.17, 0.45, 0.92, -1414deg);
  }
}
.snowfall snowflake:nth-child(14) {
  animation: animation-snowflake-14 linear infinite;
  animation-duration: 15.8s;
  animation-delay: -1.1s;
}
@keyframes animation-snowflake-14 {
  0% {
    left: 91%;
    top: calc(0% - 100px);
    transform: scale(1.206) rotate3d(0.99, 0.51, 0.09, 0deg);
  }
  100% {
    left: 112.7%;
    top: calc(100% + 100px);
    transform: scale(1.206) rotate3d(1, 0.79, 0.88, -1104deg);
  }
}
.snowfall snowflake:nth-child(13) {
  animation: animation-snowflake-13 linear infinite;
  animation-duration: 9.6s;
  animation-delay: -3.7s;
}
@keyframes animation-snowflake-13 {
  0% {
    left: 35%;
    top: calc(0% - 100px);
    transform: scale(0.83) rotate3d(0.71, 0.4, 0.55, 0deg);
  }
  100% {
    left: 33.7%;
    top: calc(100% + 100px);
    transform: scale(0.83) rotate3d(0.32, 0.98, 0.05, -751deg);
  }
}
.snowfall snowflake:nth-child(12) {
  animation: animation-snowflake-12 linear infinite;
  animation-duration: 14.9s;
  animation-delay: -12.7s;
}
@keyframes animation-snowflake-12 {
  0% {
    left: 100%;
    top: calc(0% - 100px);
    transform: scale(0.842) rotate3d(0.24, 0.64, 0.95, 0deg);
  }
  100% {
    left: 102.6%;
    top: calc(100% + 100px);
    transform: scale(0.842) rotate3d(0.35, 0.75, 0.27, -1036deg);
  }
}
.snowfall snowflake:nth-child(11) {
  animation: animation-snowflake-11 linear infinite;
  animation-duration: 9.6s;
  animation-delay: -10.1s;
}
@keyframes animation-snowflake-11 {
  0% {
    left: 38%;
    top: calc(0% - 100px);
    transform: scale(0.657) rotate3d(0.96, 0.89, 0.08, 0deg);
  }
  100% {
    left: 26.2%;
    top: calc(100% + 100px);
    transform: scale(0.657) rotate3d(0.38, 0.17, 0.49, 966deg);
  }
}
.snowfall snowflake:nth-child(10) {
  animation: animation-snowflake-10 linear infinite;
  animation-duration: 11.6s;
  animation-delay: 0s;
}
@keyframes animation-snowflake-10 {
  0% {
    left: 7%;
    top: calc(0% - 100px);
    transform: scale(0.853) rotate3d(0.55, 0.12, 0.29, 0deg);
  }
  100% {
    left: 1.1%;
    top: calc(100% + 100px);
    transform: scale(0.853) rotate3d(0.89, 0.15, 0.88, -1051deg);
  }
}
.snowfall snowflake:nth-child(9) {
  animation: animation-snowflake-9 linear infinite;
  animation-duration: 10.1s;
  animation-delay: -1.1s;
}
@keyframes animation-snowflake-9 {
  0% {
    left: 27%;
    top: calc(0% - 100px);
    transform: scale(1.089) rotate3d(0.53, 0.28, 0.7, 0deg);
  }
  100% {
    left: 35.9%;
    top: calc(100% + 100px);
    transform: scale(1.089) rotate3d(0.2, 0.34, 0.61, 839deg);
  }
}
.snowfall snowflake:nth-child(8) {
  animation: animation-snowflake-8 linear infinite;
  animation-duration: 12.2s;
  animation-delay: -13.1s;
}
@keyframes animation-snowflake-8 {
  0% {
    left: 100%;
    top: calc(0% - 100px);
    transform: scale(1.267) rotate3d(0.12, 0.05, 0.67, 0deg);
  }
  100% {
    left: 80.2%;
    top: calc(100% + 100px);
    transform: scale(1.267) rotate3d(0.83, 0.53, 0.26, 1210deg);
  }
}
.snowfall snowflake:nth-child(7) {
  animation: animation-snowflake-7 linear infinite;
  animation-duration: 14.4s;
  animation-delay: -8.3s;
}
@keyframes animation-snowflake-7 {
  0% {
    left: 88%;
    top: calc(0% - 100px);
    transform: scale(0.735) rotate3d(0.19, 0.67, 0.92, 0deg);
  }
  100% {
    left: 99.9%;
    top: calc(100% + 100px);
    transform: scale(0.735) rotate3d(0.61, 0.2, 0.61, 732deg);
  }
}
.snowfall snowflake:nth-child(6) {
  animation: animation-snowflake-6 linear infinite;
  animation-duration: 10.1s;
  animation-delay: -1.6s;
}
@keyframes animation-snowflake-6 {
  0% {
    left: 97%;
    top: calc(0% - 100px);
    transform: scale(0.843) rotate3d(0.91, 0.22, 0.24, 0deg);
  }
  100% {
    left: 77.6%;
    top: calc(100% + 100px);
    transform: scale(0.843) rotate3d(0.28, 0.42, 0.7, -1136deg);
  }
}
.snowfall snowflake:nth-child(5) {
  animation: animation-snowflake-5 linear infinite;
  animation-duration: 15s;
  animation-delay: -15.8s;
}
@keyframes animation-snowflake-5 {
  0% {
    left: 75%;
    top: calc(0% - 100px);
    transform: scale(1.273) rotate3d(0.43, 0.12, 0.5, 0deg);
  }
  100% {
    left: 78.4%;
    top: calc(100% + 100px);
    transform: scale(1.273) rotate3d(0.85, 0.92, 0.24, 756deg);
  }
}
.snowfall snowflake:nth-child(4) {
  animation: animation-snowflake-4 linear infinite;
  animation-duration: 8.9s;
  animation-delay: -8.3s;
}
@keyframes animation-snowflake-4 {
  0% {
    left: 62%;
    top: calc(0% - 100px);
    transform: scale(0.733) rotate3d(0.59, 0.92, 0.35, 0deg);
  }
  100% {
    left: 99.9%;
    top: calc(100% + 100px);
    transform: scale(0.733) rotate3d(0.1, 0.92, 0.88, -1240deg);
  }
}
.snowfall snowflake:nth-child(3) {
  animation: animation-snowflake-3 linear infinite;
  animation-duration: 11s;
  animation-delay: -14.6s;
}
@keyframes animation-snowflake-3 {
  0% {
    left: 22%;
    top: calc(0% - 100px);
    transform: scale(0.985) rotate3d(0.07, 0.47, 0.03, 0deg);
  }
  100% {
    left: 5.5%;
    top: calc(100% + 100px);
    transform: scale(0.985) rotate3d(0.71, 0.56, 0.29, -1298deg);
  }
}
.snowfall snowflake:nth-child(2) {
  animation: animation-snowflake-2 linear infinite;
  animation-duration: 14.3s;
  animation-delay: -7.3s;
}
@keyframes animation-snowflake-2 {
  0% {
    left: 4%;
    top: calc(0% - 100px);
    transform: scale(0.756) rotate3d(0.09, 0.66, 0.96, 0deg);
  }
  100% {
    left: 40%;
    top: calc(100% + 100px);
    transform: scale(0.756) rotate3d(0.9, 0.7, 0.22, -1393deg);
  }
}
.snowfall snowflake:nth-child(1) {
  animation: animation-snowflake-1 linear infinite;
  animation-duration: 12.4s;
  animation-delay: -14.9s;
}
@keyframes animation-snowflake-1 {
  0% {
    left: 30%;
    top: calc(0% - 100px);
    transform: scale(0.656) rotate3d(0.08, 0.14, 0.22, 0deg);
  }
  100% {
    left: 53.2%;
    top: calc(100% + 100px);
    transform: scale(0.656) rotate3d(0.58, 0.99, 0.13, 729deg);
  }
}