.snowfall {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50000000;
    display: block;
    font-size: 20px;
    overflow: hidden;
    pointer-events: none;
    }
    .snowfall .snowfalke-inner {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 18px;
    height: 18px;
    transform:scale(0.4);
    background: #f4f4f4;
    border-radius: 50%;
    box-shadow: 5px 4px 7px #b9b9b9;
    }
    .snowfall .snowfalke-inner span {
    align-self: center;
    }
    .snowfall .snowfalke-inner img {
    align-self: center;
    max-width: 65px;
    /* filter: drop-shadow(0px 0px 4px #505066); */
    }
    .snowfall .snowfalke-inner:nth-child(50) {
    animation: animation-snowflake-50 linear 10s;
    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 .snowfalke-inner:nth-child(49) {
    animation: animation-snowflake-49 linear 10s;
    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 .snowfalke-inner:nth-child(48) {
    animation: animation-snowflake-48 linear 10s;
    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 .snowfalke-inner:nth-child(47) {
    animation: animation-snowflake-47 linear 10s;
    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 .snowfalke-inner:nth-child(46) {
    animation: animation-snowflake-46 linear 10s;
    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 .snowfalke-inner:nth-child(45) {
    animation: animation-snowflake-45 linear 10s;
    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 .snowfalke-inner:nth-child(44) {
    animation: animation-snowflake-44 linear 10s;
    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 .snowfalke-inner:nth-child(43) {
    animation: animation-snowflake-43 linear 10s;
    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 .snowfalke-inner:nth-child(42) {
    animation: animation-snowflake-42 linear 10s;
    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 .snowfalke-inner:nth-child(41) {
    animation: animation-snowflake-41 linear 10s;
    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 .snowfalke-inner:nth-child(40) {
    animation: animation-snowflake-40 linear 10s;
    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 .snowfalke-inner:nth-child(39) {
    animation: animation-snowflake-39 linear 10s;
    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 .snowfalke-inner:nth-child(38) {
    animation: animation-snowflake-38 linear 10s;
    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 .snowfalke-inner:nth-child(37) {
    animation: animation-snowflake-37 linear 10s;
    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 .snowfalke-inner:nth-child(36) {
    animation: animation-snowflake-36 linear 10s;
    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 .snowfalke-inner:nth-child(35) {
    animation: animation-snowflake-35 linear 10s;
    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 .snowfalke-inner:nth-child(34) {
    animation: animation-snowflake-34 linear 10s;
    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 .snowfalke-inner:nth-child(33) {
    animation: animation-snowflake-33 linear 10s;
    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 .snowfalke-inner:nth-child(32) {
    animation: animation-snowflake-32 linear 10s;
    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 .snowfalke-inner:nth-child(31) {
    animation: animation-snowflake-31 linear 10s;
    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 .snowfalke-inner:nth-child(30) {
    animation: animation-snowflake-30 linear 10s;
    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 .snowfalke-inner:nth-child(29) {
    animation: animation-snowflake-29 linear 10s;
    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 .snowfalke-inner:nth-child(28) {
    animation: animation-snowflake-28 linear 10s;
    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 .snowfalke-inner:nth-child(27) {
    animation: animation-snowflake-27 linear 10s;
    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 .snowfalke-inner:nth-child(26) {
    animation: animation-snowflake-26 linear 10s;
    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 .snowfalke-inner:nth-child(25) {
    animation: animation-snowflake-25 linear 10s;
    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 .snowfalke-inner:nth-child(24) {
    animation: animation-snowflake-24 linear 10s;
    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 .snowfalke-inner:nth-child(23) {
    animation: animation-snowflake-23 linear 10s;
    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 .snowfalke-inner:nth-child(22) {
    animation: animation-snowflake-22 linear 10s;
    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 .snowfalke-inner:nth-child(21) {
    animation: animation-snowflake-21 linear 10s;
    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 .snowfalke-inner:nth-child(20) {
    animation: animation-snowflake-20 linear 10s;
    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 .snowfalke-inner:nth-child(19) {
    animation: animation-snowflake-19 linear 10s;
    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 .snowfalke-inner:nth-child(18) {
    animation: animation-snowflake-18 linear 10s;
    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 .snowfalke-inner:nth-child(17) {
    animation: animation-snowflake-17 linear 10s;
    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 .snowfalke-inner:nth-child(16) {
    animation: animation-snowflake-16 linear 10s;
    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 .snowfalke-inner:nth-child(15) {
    animation: animation-snowflake-15 linear 10s;
    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 .snowfalke-inner:nth-child(14) {
    animation: animation-snowflake-14 linear 10s;
    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 .snowfalke-inner:nth-child(13) {
    animation: animation-snowflake-13 linear 10s;
    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 .snowfalke-inner:nth-child(12) {
    animation: animation-snowflake-12 linear 10s;
    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 .snowfalke-inner:nth-child(11) {
    animation: animation-snowflake-11 linear 10s;
    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 .snowfalke-inner:nth-child(10) {
    animation: animation-snowflake-10 linear 10s;
    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 .snowfalke-inner:nth-child(9) {
    animation: animation-snowflake-9 linear 10s;
    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 .snowfalke-inner:nth-child(8) {
    animation: animation-snowflake-8 linear 10s;
    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 .snowfalke-inner:nth-child(7) {
    animation: animation-snowflake-7 linear 10s;
    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 .snowfalke-inner:nth-child(6) {
    animation: animation-snowflake-6 linear 10s;
    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 .snowfalke-inner:nth-child(5) {
    animation: animation-snowflake-5 linear 10s;
    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 .snowfalke-inner:nth-child(4) {
    animation: animation-snowflake-4 linear 10s;
    animation-duration: 8.9s;
    animation-delay: -8.3s;
    width: 34px;
    height: 34px;
    transform: scale(0.5);
    background: inherit;
    border-radius: 0px;
    box-shadow: none;
    }
    @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 .snowfalke-inner:nth-child(3) {
    animation: animation-snowflake-3 linear 10s;
    animation-duration: 11s;
    animation-delay: -14.6s;  
    width: 34px;
    height: 34px;
    transform: scale(0.5);
    background: inherit;
    border-radius: 0px;
    box-shadow: none;  
    }
    @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 .snowfalke-inner:nth-child(2) {
    animation: animation-snowflake-2 linear 10s;
    animation-duration: 14.3s;
    animation-delay: -7.3s;
    width: 34px;
    height: 34px;
    transform: scale(0.5);
    background: inherit;
    border-radius: 0px;
    box-shadow: none;
    }
    @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 .snowfalke-inner:nth-child(1) {
    animation: animation-snowflake-1 linear 10s;
    animation-duration: 12.4s;
    animation-delay: -14.9s;
    width: 34px;
    height: 34px;
    transform: scale(0.5);
    background: inherit;
    border-radius: 0px;
    box-shadow: none;
    }
    @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); 
    }
    }