.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:6.94s;animation-duration:6.94s}.snow__flake:nth-of-type(2n){left:5%;-webkit-animation-duration:4154ms;animation-duration:4154ms}.snow__flake:nth-of-type(3n){left:7.5%;-webkit-animation-duration:3.05s;animation-duration:3.05s}.snow__flake:nth-of-type(4n){left:10%;-webkit-animation-duration:7317ms;animation-duration:7317ms}.snow__flake:nth-of-type(5n){left:12.5%;-webkit-animation-duration:7324ms;animation-duration:7324ms}.snow__flake:nth-of-type(6n){left:15%;-webkit-animation-duration:7.51s;animation-duration:7.51s}.snow__flake:nth-of-type(7n){left:17.5%;-webkit-animation-duration:7.66s;animation-duration:7.66s}.snow__flake:nth-of-type(8n){left:20%;-webkit-animation-duration:6641ms;animation-duration:6641ms}.snow__flake:nth-of-type(9n){left:22.5%;-webkit-animation-duration:3606ms;animation-duration:3606ms}.snow__flake:nth-of-type(10n){left:25%;-webkit-animation-duration:4043ms;animation-duration:4043ms}.snow__flake:nth-of-type(11n){left:27.5%;-webkit-animation-duration:7823ms;animation-duration:7823ms}.snow__flake:nth-of-type(12n){left:30%;-webkit-animation-duration:6639ms;animation-duration:6639ms}.snow__flake:nth-of-type(13n){left:32.5%;-webkit-animation-duration:6.75s;animation-duration:6.75s}.snow__flake:nth-of-type(14n){left:35%;-webkit-animation-duration:3213ms;animation-duration:3213ms}.snow__flake:nth-of-type(15n){left:37.5%;-webkit-animation-duration:6613ms;animation-duration:6613ms}.snow__flake:nth-of-type(16n){left:40%;-webkit-animation-duration:6255ms;animation-duration:6255ms}.snow__flake:nth-of-type(17n){left:42.5%;-webkit-animation-duration:6944ms;animation-duration:6944ms}.snow__flake:nth-of-type(18n){left:45%;-webkit-animation-duration:5992ms;animation-duration:5992ms}.snow__flake:nth-of-type(19n){left:47.5%;-webkit-animation-duration:7028ms;animation-duration:7028ms}.snow__flake:nth-of-type(20n){left:50%;-webkit-animation-duration:4245ms;animation-duration:4245ms}.snow__flake:nth-of-type(21n){left:52.5%;-webkit-animation-duration:4843ms;animation-duration:4843ms}.snow__flake:nth-of-type(22n){left:55%;-webkit-animation-duration:7395ms;animation-duration:7395ms}.snow__flake:nth-of-type(23n){left:57.5%;-webkit-animation-duration:6025ms;animation-duration:6025ms}.snow__flake:nth-of-type(24n){left:60%;-webkit-animation-duration:4586ms;animation-duration:4586ms}.snow__flake:nth-of-type(25n){left:62.5%;-webkit-animation-duration:3153ms;animation-duration:3153ms}.snow__flake:nth-of-type(26n){left:65%;-webkit-animation-duration:6353ms;animation-duration:6353ms}.snow__flake:nth-of-type(27n){left:67.5%;-webkit-animation-duration:7773ms;animation-duration:7773ms}.snow__flake:nth-of-type(28n){left:70%;-webkit-animation-duration:6183ms;animation-duration:6183ms}.snow__flake:nth-of-type(29n){left:72.5%;-webkit-animation-duration:4132ms;animation-duration:4132ms}.snow__flake:nth-of-type(30n){left:75%;-webkit-animation-duration:3656ms;animation-duration:3656ms}.snow__flake:nth-of-type(31n){left:77.5%;-webkit-animation-duration:3468ms;animation-duration:3468ms}.snow__flake:nth-of-type(32n){left:80%;-webkit-animation-duration:3013ms;animation-duration:3013ms}.snow__flake:nth-of-type(33n){left:82.5%;-webkit-animation-duration:7249ms;animation-duration:7249ms}.snow__flake:nth-of-type(34n){left:85%;-webkit-animation-duration:3967ms;animation-duration:3967ms}.snow__flake:nth-of-type(35n){left:87.5%;-webkit-animation-duration:3277ms;animation-duration:3277ms}.snow__flake:nth-of-type(36n){left:90%;-webkit-animation-duration:3805ms;animation-duration:3805ms}.snow__flake:nth-of-type(37n){left:92.5%;-webkit-animation-duration:3968ms;animation-duration:3968ms}.snow__flake:nth-of-type(38n){left:95%;-webkit-animation-duration:6137ms;animation-duration:6137ms}.snow__flake:nth-of-type(39n){left:97.5%;-webkit-animation-duration:5267ms;animation-duration:5267ms}.snow__flake:nth-of-type(40n){left:100%;-webkit-animation-duration:5064ms;animation-duration:5064ms}.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)}}