// Falling snow
.falling-snow {
position: relative;
display: inline-block;
max-width: 100%;
}
.falling-snow img {
max-width: 100%;
height: auto;
display: block;
}
.falling-snow em:after,
.falling-snow em:before {
content: "";
}
.falling-snow em:after,
.falling-snow em:before,
.falling-snow em {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 75px;
left: 0;
}
.falling-snow em:after {
background: url("https://res.cloudinary.com/sleepo/image/upload/v1575465298/Test/s1.png") repeat 0px 0px;
animation: falling-down-snow 12s linear infinite;
}
.falling-snow em:before {
background: url("https://res.cloudinary.com/sleepo/image/upload/v1575465298/Test/s2.png") repeat 0px 0px;
animation: falling-down-snow 20s linear infinite;
}
.falling-snow em {
background: url("https://res.cloudinary.com/sleepo/image/upload/v1575465298/Test/s3.png") repeat 0px 0px;
animation: falling-down-snow 50s linear infinite;
}
@keyframes falling-down-snow {
from {
background-position: 0 0;
}
to {
background-position: 0px 751px;
}
}
#header .banner {
background: rgb(102, 0, 2) !important;
color: #fff !important;
}
#header .banner a {
color: #fff !important;
}
