.snow{z-index:1;top:0;width:100%;opacity:.3;overflow:hidden}.snow,.snow__flake{position:absolute;height:100%}.snow__flake{top:-300px;left:0;width:300px;background-repeat:no-repeat;background-size:300px 1200px;background-position:0 0;background-image:url(https://andrew-hawkes-media.s3.amazonaws.com/codepen/snow/snow-flake-1.png);-webkit-animation-name:snowflake;animation-name:snowflake;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.snow__flake:nth-of-type(1n){left:2.5%;-webkit-animation-duration:3939ms;animation-duration:3939ms}.snow__flake:nth-of-type(2n){left:5%;-webkit-animation-duration:4401ms;animation-duration:4401ms}.snow__flake:nth-of-type(3n){left:7.5%;-webkit-animation-duration:4377ms;animation-duration:4377ms}.snow__flake:nth-of-type(4n){left:10%;-webkit-animation-duration:6602ms;animation-duration:6602ms}.snow__flake:nth-of-type(5n){left:12.5%;-webkit-animation-duration:4.24s;animation-duration:4.24s}.snow__flake:nth-of-type(6n){left:15%;-webkit-animation-duration:7788ms;animation-duration:7788ms}.snow__flake:nth-of-type(7n){left:17.5%;-webkit-animation-duration:7207ms;animation-duration:7207ms}.snow__flake:nth-of-type(8n){left:20%;-webkit-animation-duration:3649ms;animation-duration:3649ms}.snow__flake:nth-of-type(9n){left:22.5%;-webkit-animation-duration:3567ms;animation-duration:3567ms}.snow__flake:nth-of-type(10n){left:25%;-webkit-animation-duration:5473ms;animation-duration:5473ms}.snow__flake:nth-of-type(11n){left:27.5%;-webkit-animation-duration:7.1s;animation-duration:7.1s}.snow__flake:nth-of-type(12n){left:30%;-webkit-animation-duration:4541ms;animation-duration:4541ms}.snow__flake:nth-of-type(13n){left:32.5%;-webkit-animation-duration:4792ms;animation-duration:4792ms}.snow__flake:nth-of-type(14n){left:35%;-webkit-animation-duration:7555ms;animation-duration:7555ms}.snow__flake:nth-of-type(15n){left:37.5%;-webkit-animation-duration:4889ms;animation-duration:4889ms}.snow__flake:nth-of-type(16n){left:40%;-webkit-animation-duration:7139ms;animation-duration:7139ms}.snow__flake:nth-of-type(17n){left:42.5%;-webkit-animation-duration:4251ms;animation-duration:4251ms}.snow__flake:nth-of-type(18n){left:45%;-webkit-animation-duration:7026ms;animation-duration:7026ms}.snow__flake:nth-of-type(19n){left:47.5%;-webkit-animation-duration:7237ms;animation-duration:7237ms}.snow__flake:nth-of-type(20n){left:50%;-webkit-animation-duration:6373ms;animation-duration:6373ms}.snow__flake:nth-of-type(21n){left:52.5%;-webkit-animation-duration:6074ms;animation-duration:6074ms}.snow__flake:nth-of-type(22n){left:55%;-webkit-animation-duration:7722ms;animation-duration:7722ms}.snow__flake:nth-of-type(23n){left:57.5%;-webkit-animation-duration:6391ms;animation-duration:6391ms}.snow__flake:nth-of-type(24n){left:60%;-webkit-animation-duration:4.56s;animation-duration:4.56s}.snow__flake:nth-of-type(25n){left:62.5%;-webkit-animation-duration:7055ms;animation-duration:7055ms}.snow__flake:nth-of-type(26n){left:65%;-webkit-animation-duration:7074ms;animation-duration:7074ms}.snow__flake:nth-of-type(27n){left:67.5%;-webkit-animation-duration:3211ms;animation-duration:3211ms}.snow__flake:nth-of-type(28n){left:70%;-webkit-animation-duration:3888ms;animation-duration:3888ms}.snow__flake:nth-of-type(29n){left:72.5%;-webkit-animation-duration:6384ms;animation-duration:6384ms}.snow__flake:nth-of-type(30n){left:75%;-webkit-animation-duration:3812ms;animation-duration:3812ms}.snow__flake:nth-of-type(31n){left:77.5%;-webkit-animation-duration:4234ms;animation-duration:4234ms}.snow__flake:nth-of-type(32n){left:80%;-webkit-animation-duration:3904ms;animation-duration:3904ms}.snow__flake:nth-of-type(33n){left:82.5%;-webkit-animation-duration:6612ms;animation-duration:6612ms}.snow__flake:nth-of-type(34n){left:85%;-webkit-animation-duration:4651ms;animation-duration:4651ms}.snow__flake:nth-of-type(35n){left:87.5%;-webkit-animation-duration:7961ms;animation-duration:7961ms}.snow__flake:nth-of-type(36n){left:90%;-webkit-animation-duration:5767ms;animation-duration:5767ms}.snow__flake:nth-of-type(37n){left:92.5%;-webkit-animation-duration:7.56s;animation-duration:7.56s}.snow__flake:nth-of-type(38n){left:95%;-webkit-animation-duration:7677ms;animation-duration:7677ms}.snow__flake:nth-of-type(39n){left:97.5%;-webkit-animation-duration:4382ms;animation-duration:4382ms}.snow__flake:nth-of-type(40n){left:100%;-webkit-animation-duration:6155ms;animation-duration:6155ms}.snow__flake:nth-of-type(2n){background-image:url(https://andrew-hawkes-media.s3.amazonaws.com/codepen/snow/snow-flake-2.png)}.snow__flake:nth-of-type(3n){background-image:url(https://andrew-hawkes-media.s3.amazonaws.com/codepen/snow/snow-flake-3.png)}.snow__flake:nth-of-type(4n){background-image:url(https://andrew-hawkes-media.s3.amazonaws.com/codepen/snow/snow-flake-4.png)}@-webkit-keyframes snowflake{0%{opacity:0;transform:translateZ(0)}40%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate3d(60%,120%,0)}}@keyframes snowflake{0%{opacity:0;transform:translateZ(0)}40%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate3d(60%,120%,0)}}