.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:4861ms;animation-duration:4861ms}.snow__flake:nth-of-type(2n){left:5%;-webkit-animation-duration:4112ms;animation-duration:4112ms}.snow__flake:nth-of-type(3n){left:7.5%;-webkit-animation-duration:7779ms;animation-duration:7779ms}.snow__flake:nth-of-type(4n){left:10%;-webkit-animation-duration:3291ms;animation-duration:3291ms}.snow__flake:nth-of-type(5n){left:12.5%;-webkit-animation-duration:3388ms;animation-duration:3388ms}.snow__flake:nth-of-type(6n){left:15%;-webkit-animation-duration:7008ms;animation-duration:7008ms}.snow__flake:nth-of-type(7n){left:17.5%;-webkit-animation-duration:6358ms;animation-duration:6358ms}.snow__flake:nth-of-type(8n){left:20%;-webkit-animation-duration:4753ms;animation-duration:4753ms}.snow__flake:nth-of-type(9n){left:22.5%;-webkit-animation-duration:4819ms;animation-duration:4819ms}.snow__flake:nth-of-type(10n){left:25%;-webkit-animation-duration:7627ms;animation-duration:7627ms}.snow__flake:nth-of-type(11n){left:27.5%;-webkit-animation-duration:4.93s;animation-duration:4.93s}.snow__flake:nth-of-type(12n){left:30%;-webkit-animation-duration:6292ms;animation-duration:6292ms}.snow__flake:nth-of-type(13n){left:32.5%;-webkit-animation-duration:4501ms;animation-duration:4501ms}.snow__flake:nth-of-type(14n){left:35%;-webkit-animation-duration:3752ms;animation-duration:3752ms}.snow__flake:nth-of-type(15n){left:37.5%;-webkit-animation-duration:5472ms;animation-duration:5472ms}.snow__flake:nth-of-type(16n){left:40%;-webkit-animation-duration:6218ms;animation-duration:6218ms}.snow__flake:nth-of-type(17n){left:42.5%;-webkit-animation-duration:4297ms;animation-duration:4297ms}.snow__flake:nth-of-type(18n){left:45%;-webkit-animation-duration:4749ms;animation-duration:4749ms}.snow__flake:nth-of-type(19n){left:47.5%;-webkit-animation-duration:7315ms;animation-duration:7315ms}.snow__flake:nth-of-type(20n){left:50%;-webkit-animation-duration:6418ms;animation-duration:6418ms}.snow__flake:nth-of-type(21n){left:52.5%;-webkit-animation-duration:7955ms;animation-duration:7955ms}.snow__flake:nth-of-type(22n){left:55%;-webkit-animation-duration:5403ms;animation-duration:5403ms}.snow__flake:nth-of-type(23n){left:57.5%;-webkit-animation-duration:5324ms;animation-duration:5324ms}.snow__flake:nth-of-type(24n){left:60%;-webkit-animation-duration:5971ms;animation-duration:5971ms}.snow__flake:nth-of-type(25n){left:62.5%;-webkit-animation-duration:7715ms;animation-duration:7715ms}.snow__flake:nth-of-type(26n){left:65%;-webkit-animation-duration:6249ms;animation-duration:6249ms}.snow__flake:nth-of-type(27n){left:67.5%;-webkit-animation-duration:4129ms;animation-duration:4129ms}.snow__flake:nth-of-type(28n){left:70%;-webkit-animation-duration:5.04s;animation-duration:5.04s}.snow__flake:nth-of-type(29n){left:72.5%;-webkit-animation-duration:3365ms;animation-duration:3365ms}.snow__flake:nth-of-type(30n){left:75%;-webkit-animation-duration:4.96s;animation-duration:4.96s}.snow__flake:nth-of-type(31n){left:77.5%;-webkit-animation-duration:4997ms;animation-duration:4997ms}.snow__flake:nth-of-type(32n){left:80%;-webkit-animation-duration:7763ms;animation-duration:7763ms}.snow__flake:nth-of-type(33n){left:82.5%;-webkit-animation-duration:3983ms;animation-duration:3983ms}.snow__flake:nth-of-type(34n){left:85%;-webkit-animation-duration:6153ms;animation-duration:6153ms}.snow__flake:nth-of-type(35n){left:87.5%;-webkit-animation-duration:6217ms;animation-duration:6217ms}.snow__flake:nth-of-type(36n){left:90%;-webkit-animation-duration:4459ms;animation-duration:4459ms}.snow__flake:nth-of-type(37n){left:92.5%;-webkit-animation-duration:3522ms;animation-duration:3522ms}.snow__flake:nth-of-type(38n){left:95%;-webkit-animation-duration:7723ms;animation-duration:7723ms}.snow__flake:nth-of-type(39n){left:97.5%;-webkit-animation-duration:5376ms;animation-duration:5376ms}.snow__flake:nth-of-type(40n){left:100%;-webkit-animation-duration:5833ms;animation-duration:5833ms}.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)}}