snowfall{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    color:red;
    z-index:-1;
    display:block;
    font-size:20px;
    overflow:hidden;
    pointer-events:none;
}
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) 
    }
    100%{
        left:114.1%;
        top:calc(100% + 100px);
        transform:scale(1.058) 
    }
}
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(.637) 
    }
    100%{
        left:16%;
        top:calc(100% + 100px);
        transform:scale(.637) 
    }
}
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) 
    }
    100%{
        left:26.8%;
        top:calc(100% + 100px);
        transform:scale(1.235) 
    }
}
snowfall snowflake:nth-child(47){
    animation:animation-snowflake-47 linear infinite;
    animation-duration:12.2s;
    animation-delay:-1s
}
@keyframes animation-snowflake-47{
    0%{
        left:50%;
        top:calc(0% - 100px);
        transform:scale(1.046) 
    }
    100%{
        left:75.1%;
        top:calc(100% + 100px);
        transform:scale(1.046)
    }
}
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) 
    }
    100%{
        left:67%;
        top:calc(100% + 100px);
        transform:scale(1.146) 
    }
}
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(.705)
    }
    100%{
        left:22.5%;
        top:calc(100% + 100px);
        transform:scale(.705) 
    }
}
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(.87) 
    }
    100%{
        left:58.7%;
        top:calc(100% + 100px);
        transform:scale(.87) 
    }
}
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) 
    }
    100%{
        left:55.6%;
        top:calc(100% + 100px);
        transform:scale(1.103) 
    }
}
snowfall snowflake:nth-child(42){
    animation:animation-snowflake-42 linear infinite;
    animation-duration:10.1s;
    animation-delay:-7.8s
}
@keyframes animation-snowflake-42{
    0%{
        left:91%;
        top:calc(0% - 100px);
        transform:scale(1.249) 
    }
    100%{
        left:81.8%;
        top:calc(100% + 100px);
        transform:scale(1.249) 
    }
}
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) 
    }
    100%{
        left:105.3%;
        top:calc(100% + 100px);
        transform:scale(1.389) 
    }
}
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) 
    }
    100%{
        left:23.7%;
        top:calc(100% + 100px);
        transform:scale(1.247) 
    }
}
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) 
    }
    100%{
        left:26.9%;
        top:calc(100% + 100px);
        transform:scale(1.091) 
    }
}
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) 
    }
    100%{
        left:108%;
        top:calc(100% + 100px);
        transform:scale(1.319) 
    }
}
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) 
    }
    100%{
        left:34.5%;
        top:calc(100% + 100px);
        transform:scale(1.076) 
    }
}
snowfall snowflake:nth-child(36){
    animation:animation-snowflake-36 linear infinite;
    animation-duration:10.5s;
    animation-delay:-9.8s
}
@keyframes animation-snowflake-36{
    0%{
        left:37%;
        top:calc(0% - 100px);
        transform:scale(1.243) 
    }
    100%{
        left:26.3%;
        top:calc(100% + 100px);
        transform:scale(1.243) 
    }
}
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) 
    }
    100%{
        left:75.6%;
        top:calc(100% + 100px);
        transform:scale(1.325) 
    }
}
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) 
    }
    100%{
        left:80.4%;
        top:calc(100% + 100px);
        transform:scale(1.279) 
    }
}
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) 
    }
    100%{
        left:55.6%;
        top:calc(100% + 100px);
        transform:scale(1.061) 
    }
}
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(.678) 
    }
    100%{
        left:85.9%;
        top:calc(100% + 100px);
        transform:scale(.678) 
    }
}
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(.976) 
    }
    100%{
        left:97.2%;
        top:calc(100% + 100px);
        transform:scale(.976) 
    }
}
snowfall snowflake:nth-child(30){
    animation:animation-snowflake-30 linear infinite;
    animation-duration:10.2s;
    animation-delay:-13.5s
}
@keyframes animation-snowflake-30{
    0%{
        left:22%;
        top:calc(0% - 100px);
        transform:scale(1.134) 
    }
    100%{
        left:41.8%;
        top:calc(100% + 100px);
        transform:scale(1.134) 
    }
}
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(.791) 
    }
    100%{
        left:25.5%;
        top:calc(100% + 100px);
        transform:scale(.791) 
    }
}
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) 
    }
    100%{
        left:75.6%;
        top:calc(100% + 100px);
        transform:scale(1.265) 
    }
}
snowfall snowflake:nth-child(27){
    animation:animation-snowflake-27 linear infinite;
    animation-duration:10.2s;
    animation-delay:-11.8s
}
@keyframes animation-snowflake-27{
    0%{
        left:54%;
        top:calc(0% - 100px);
        transform:scale(1.083) 
    }
    100%{
        left:72.1%;
        top:calc(100% + 100px);
        transform:scale(1.083) 
    }
}
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) 
    }
    100%{
        left:46.4%;
        top:calc(100% + 100px);
        transform:scale(1.265) 
    }
}
snowfall snowflake:nth-child(25){
    animation:animation-snowflake-25 linear infinite;
    animation-duration:10.1s;
    animation-delay:-6.6s
}
@keyframes animation-snowflake-25{
    0%{
        left:55%;
        top:calc(0% - 100px);
        transform:scale(1.109) 
    }
    100%{
        left:83.1%;
        top:calc(100% + 100px);
        transform:scale(1.109) 
    }
}
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(.679) 
    }
    100%{
        left:34.6%;
        top:calc(100% + 100px);
        transform:scale(.679) 
    }
}
snowfall snowflake:nth-child(23){
    animation:animation-snowflake-23 linear infinite;
    animation-duration:10.9s;
    animation-delay:-12.9s
}
@keyframes animation-snowflake-23{
    0%{
        left:51%;
        top:calc(0% - 100px);
        transform:scale(1.306) 
    }
    100%{
        left:84.7%;
        top:calc(100% + 100px);
        transform:scale(1.306) 
    }
}
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(.964) 
    }
    100%{
        left:81.2%;
        top:calc(100% + 100px);
        transform:scale(.964) 
    }
}
snowfall snowflake:nth-child(21){
    animation:animation-snowflake-21 linear infinite;
    animation-duration:10.2s;
    animation-delay:-13s
}
@keyframes animation-snowflake-21{
    0%{
        left:41%;
        top:calc(0% - 100px);
        transform:scale(.727) 
    }
    100%{
        left:34.9%;
        top:calc(100% + 100px);
        transform:scale(.727) 
    }
}
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) 
    }
    100%{
        left:112.6%;
        top:calc(100% + 100px);
        transform:scale(1.054) 
    }
}
snowfall snowflake:nth-child(19){
    animation:animation-snowflake-19 linear infinite;
    animation-duration:12.6s;
    animation-delay:-8.1s
}
@keyframes animation-snowflake-19{
    0%{
        left:8%;
        top:calc(0% - 100px);
        transform:scale(1.099) 
    }
    100%{
        left:33.4%;
        top:calc(100% + 100px);
        transform:scale(1.099) 
    }
}
snowfall snowflake:nth-child(18){
    animation:animation-snowflake-18 linear infinite;
    animation-duration:10.2s;
    animation-delay:-1.9s
}
@keyframes animation-snowflake-18{
    0%{
        left:76%;
        top:calc(0% - 100px);
        transform:scale(1.176) 
    }
    100%{
        left:115%;
        top:calc(100% + 100px);
        transform:scale(1.176) 
    }
}
snowfall snowflake:nth-child(17){
    animation:animation-snowflake-17 linear infinite;
    animation-duration:11.7s;
    animation-delay:-11.8s
}
@keyframes animation-snowflake-17{
    0%{
        left:61%;
        top:calc(0% - 100px);
        transform:scale(1.167) 
    }
    100%{
        left:57%;
        top:calc(100% + 100px);
        transform:scale(1.167) 
    }
}
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(.679) 
    }
    100%{
        left:89.5%;
        top:calc(100% + 100px);
        transform:scale(.679) 
    }
}
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) 
    }
    100%{
        left:50.3%;
        top:calc(100% + 100px);
        transform:scale(1.258) 
    }
}
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) 
    }
    100%{
        left:112.7%;
        top:calc(100% + 100px);
        transform:scale(1.206) 
    }
}
snowfall snowflake:nth-child(13){
    animation:animation-snowflake-13 linear infinite;
    animation-duration:10.6s;
    animation-delay:-3.7s
}
@keyframes animation-snowflake-13{
    0%{
        left:35%;
        top:calc(0% - 100px);
        transform:scale(.83) 
    }
    100%{
        left:33.7%;
        top:calc(100% + 100px);
        transform:scale(.83) 
    }
}
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(.842) 
    }
    100%{
        left:102.6%;
        top:calc(100% + 100px);
        transform:scale(.842) 
    }
}
snowfall snowflake:nth-child(11){
    animation:animation-snowflake-11 linear infinite;
    animation-duration:11.6s;
    animation-delay:-10.1s
}
@keyframes animation-snowflake-11{
    0%{
        left:9%;
        top:calc(0% - 100px);
        transform:scale(.657) 
    }
    100%{
        left:8%;
        top:calc(100% + 100px);
        transform:scale(.657) 
    }
}
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(.853) 
    }
    100%{
        left:1.1%;
        top:calc(100% + 100px);
        transform:scale(.853) 
    }
}
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) 
    }
    100%{
        left:35.9%;
        top:calc(100% + 100px);
        transform:scale(1.089) 
    }
}
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:6%;
        top:calc(0% - 100px);
        transform:scale(1.267) 
    }
    100%{
        left:2.5%;
        top:calc(100% + 100px);
        transform:scale(1.267) 
    }
}
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(.735) 
    }
    100%{
        left:99.9%;
        top:calc(100% + 100px);
        transform:scale(.735) 
    }
}
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(.843) 
    }
    100%{
        left:77.6%;
        top:calc(100% + 100px);
        transform:scale(.843) 
    }
}
snowfall snowflake:nth-child(5){
    animation:animation-snowflake-5 linear infinite;
    animation-duration:15s;
    animation-delay:-15.8s
}
@keyframes animation-snowflake-5{
    0%{
        left:4%;
        top:calc(0% - 100px);
        transform:scale(1.273) 
    }
    100%{
        left:1%;
        top:calc(100% + 100px);
        transform:scale(1.273) 
    }
}
snowfall snowflake:nth-child(4){
    animation:animation-snowflake-4 linear infinite;
    animation-duration:10.9s;
    animation-delay:-8.3s
}
@keyframes animation-snowflake-4{
    0%{
        left:21%;
        top:calc(0% - 100px);
        transform:scale(.733) 
    }
    100%{
        left:5.6%;
        top:calc(100% + 100px);
        transform:scale(.733) 
    }
}
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(.985) 
    }
    100%{
        left:5.5%;
        top:calc(100% + 100px);
        transform:scale(.985) 
    }
}
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(.756) 
    }
    100%{
        left:40%;
        top:calc(100% + 100px);
        transform:scale(.756) 
    }
}
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(.656)
    }
    100%{
        left:53.2%;
        top:calc(100% + 100px);
        transform:scale(.656)
    }
}