.wrap_snowfall { position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; overflow: hidden; pointer-events:none; } .wrap_snowflake { position: absolute; color: white; } .wrap_snowflake:after { content: "\2744"; } .wrap_snowflake:nth-of-type(1) { animation-name: snowflake-1; animation-delay: 17s; animation-duration: 8s; animation-iteration-count: infinite; left: 58%; top: -76%; } .wrap_snowflake:nth-of-type(1):after { font-size: 19px; } @Keyframes snowflake-1 { 0% { transform: rotate(0deg); left: 58%; top: -76%; } 25% { left: 59%; } 50% { left: 58%; } 75% { left: 60%; opacity: 1; } 100% { transform: rotate(360deg); top: 116%; opacity: 0; } } .wrap_snowflake:nth-of-type(2) { animation-name: snowflake-2; animation-delay: 17s; animation-duration: 9s; animation-iteration-count: infinite; left: 17%; top: -96%; } .wrap_snowflake:nth-of-type(2):after { font-size: 8px; } @Keyframes snowflake-2 { 0% { transform: rotate(0deg); left: 17%; top: -96%; } 25% { left: 18%; } 50% { left: 17%; } 75% { left: 19%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(3) { animation-name: snowflake-3; animation-delay: 3s; animation-duration: 5s; animation-iteration-count: infinite; left: 79%; top: -76%; } .wrap_snowflake:nth-of-type(3):after { font-size: 14px; } @Keyframes snowflake-3 { 0% { transform: rotate(0deg); left: 79%; top: -76%; } 25% { left: 80%; } 50% { left: 79%; } 75% { left: 81%; opacity: 1; } 100% { transform: rotate(360deg); top: 116%; opacity: 0; } } .wrap_snowflake:nth-of-type(4) { animation-name: snowflake-4; animation-delay: 4s; animation-duration: 10s; animation-iteration-count: infinite; left: 84%; top: -98%; } .wrap_snowflake:nth-of-type(4):after { font-size: 7px; } @Keyframes snowflake-4 { 0% { transform: rotate(0deg); left: 84%; top: -98%; } 25% { left: 85%; } 50% { left: 84%; } 75% { left: 86%; opacity: 1; } 100% { transform: rotate(360deg); top: 138%; opacity: 0; } } .wrap_snowflake:nth-of-type(5) { animation-name: snowflake-5; animation-delay: 2s; animation-duration: 9s; animation-iteration-count: infinite; left: 4%; top: -58%; } .wrap_snowflake:nth-of-type(5):after { font-size: 5px; } @Keyframes snowflake-5 { 0% { transform: rotate(0deg); left: 4%; top: -58%; } 25% { left: 5%; } 50% { left: 4%; } 75% { left: 6%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(6) { animation-name: snowflake-6; animation-delay: 15s; animation-duration: 5s; animation-iteration-count: infinite; left: 19%; top: -72%; } .wrap_snowflake:nth-of-type(6):after { font-size: 12px; } @Keyframes snowflake-6 { 0% { transform: rotate(0deg); left: 19%; top: -72%; } 25% { left: 20%; } 50% { left: 19%; } 75% { left: 21%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(7) { animation-name: snowflake-7; animation-delay: 12s; animation-duration: 6s; animation-iteration-count: infinite; left: 2%; top: -98%; } .wrap_snowflake:nth-of-type(7):after { font-size: 17px; } @Keyframes snowflake-7 { 0% { transform: rotate(0deg); left: 2%; top: -98%; } 25% { left: 3%; } 50% { left: 2%; } 75% { left: 4%; opacity: 1; } 100% { transform: rotate(360deg); top: 138%; opacity: 0; } } .wrap_snowflake:nth-of-type(8) { animation-name: snowflake-8; animation-delay: 14s; animation-duration: 7s; animation-iteration-count: infinite; left: 20%; top: -81%; } .wrap_snowflake:nth-of-type(8):after { font-size: 23px; } @Keyframes snowflake-8 { 0% { transform: rotate(0deg); left: 20%; top: -81%; } 25% { left: 21%; } 50% { left: 20%; } 75% { left: 22%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(9) { animation-name: snowflake-9; animation-delay: 13s; animation-duration: 7s; animation-iteration-count: infinite; left: 88%; top: -67%; } .wrap_snowflake:nth-of-type(9):after { font-size: 9px; } @Keyframes snowflake-9 { 0% { transform: rotate(0deg); left: 88%; top: -67%; } 25% { left: 89%; } 50% { left: 88%; } 75% { left: 90%; opacity: 1; } 100% { transform: rotate(360deg); top: 107%; opacity: 0; } } .wrap_snowflake:nth-of-type(10) { animation-name: snowflake-10; animation-delay: 14s; animation-duration: 7s; animation-iteration-count: infinite; left: 99%; top: -81%; } .wrap_snowflake:nth-of-type(10):after { font-size: 4px; } @Keyframes snowflake-10 { 0% { transform: rotate(0deg); left: 99%; top: -81%; } 25% { left: 100%; } 50% { left: 99%; } 75% { left: 101%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(11) { animation-name: snowflake-11; animation-delay: 14s; animation-duration: 7s; animation-iteration-count: infinite; left: 34%; top: -69%; } .wrap_snowflake:nth-of-type(11):after { font-size: 19px; } @Keyframes snowflake-11 { 0% { transform: rotate(0deg); left: 34%; top: -69%; } 25% { left: 35%; } 50% { left: 34%; } 75% { left: 36%; opacity: 1; } 100% { transform: rotate(360deg); top: 109%; opacity: 0; } } .wrap_snowflake:nth-of-type(12) { animation-name: snowflake-12; animation-delay: 7s; animation-duration: 10s; animation-iteration-count: infinite; left: 51%; top: -93%; } .wrap_snowflake:nth-of-type(12):after { font-size: 17px; } @Keyframes snowflake-12 { 0% { transform: rotate(0deg); left: 51%; top: -93%; } 25% { left: 52%; } 50% { left: 51%; } 75% { left: 53%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(13) { animation-name: snowflake-13; animation-delay: 7s; animation-duration: 8s; animation-iteration-count: infinite; left: 40%; top: -100%; } .wrap_snowflake:nth-of-type(13):after { font-size: 9px; } @Keyframes snowflake-13 { 0% { transform: rotate(0deg); left: 40%; top: -100%; } 25% { left: 41%; } 50% { left: 40%; } 75% { left: 42%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(14) { animation-name: snowflake-14; animation-delay: 15s; animation-duration: 10s; animation-iteration-count: infinite; left: 12%; top: -88%; } .wrap_snowflake:nth-of-type(14):after { font-size: 17px; } @Keyframes snowflake-14 { 0% { transform: rotate(0deg); left: 12%; top: -88%; } 25% { left: 13%; } 50% { left: 12%; } 75% { left: 14%; opacity: 1; } 100% { transform: rotate(360deg); top: 128%; opacity: 0; } } .wrap_snowflake:nth-of-type(15) { animation-name: snowflake-15; animation-delay: 1s; animation-duration: 9s; animation-iteration-count: infinite; left: 55%; top: -86%; } .wrap_snowflake:nth-of-type(15):after { font-size: 7px; } @Keyframes snowflake-15 { 0% { transform: rotate(0deg); left: 55%; top: -86%; } 25% { left: 56%; } 50% { left: 55%; } 75% { left: 57%; opacity: 1; } 100% { transform: rotate(360deg); top: 126%; opacity: 0; } } .wrap_snowflake:nth-of-type(16) { animation-name: snowflake-16; animation-delay: 13s; animation-duration: 7s; animation-iteration-count: infinite; left: 83%; top: -56%; } .wrap_snowflake:nth-of-type(16):after { font-size: 9px; } @Keyframes snowflake-16 { 0% { transform: rotate(0deg); left: 83%; top: -56%; } 25% { left: 84%; } 50% { left: 83%; } 75% { left: 85%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(17) { animation-name: snowflake-17; animation-delay: 9s; animation-duration: 9s; animation-iteration-count: infinite; left: 61%; top: -93%; } .wrap_snowflake:nth-of-type(17):after { font-size: 21px; } @Keyframes snowflake-17 { 0% { transform: rotate(0deg); left: 61%; top: -93%; } 25% { left: 62%; } 50% { left: 61%; } 75% { left: 63%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(18) { animation-name: snowflake-18; animation-delay: 6s; animation-duration: 9s; animation-iteration-count: infinite; left: 30%; top: -83%; } .wrap_snowflake:nth-of-type(18):after { font-size: 24px; } @Keyframes snowflake-18 { 0% { transform: rotate(0deg); left: 30%; top: -83%; } 25% { left: 31%; } 50% { left: 30%; } 75% { left: 32%; opacity: 1; } 100% { transform: rotate(360deg); top: 123%; opacity: 0; } } .wrap_snowflake:nth-of-type(19) { animation-name: snowflake-19; animation-delay: 16s; animation-duration: 7s; animation-iteration-count: infinite; left: 15%; top: -60%; } .wrap_snowflake:nth-of-type(19):after { font-size: 11px; } @Keyframes snowflake-19 { 0% { transform: rotate(0deg); left: 15%; top: -60%; } 25% { left: 16%; } 50% { left: 15%; } 75% { left: 17%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(20) { animation-name: snowflake-20; animation-delay: 8s; animation-duration: 5s; animation-iteration-count: infinite; left: 59%; top: -59%; } .wrap_snowflake:nth-of-type(20):after { font-size: 6px; } @Keyframes snowflake-20 { 0% { transform: rotate(0deg); left: 59%; top: -59%; } 25% { left: 60%; } 50% { left: 59%; } 75% { left: 61%; opacity: 1; } 100% { transform: rotate(360deg); top: 99%; opacity: 0; } } .wrap_snowflake:nth-of-type(21) { animation-name: snowflake-21; animation-delay: 7s; animation-duration: 7s; animation-iteration-count: infinite; left: 49%; top: -100%; } .wrap_snowflake:nth-of-type(21):after { font-size: 21px; } @Keyframes snowflake-21 { 0% { transform: rotate(0deg); left: 49%; top: -100%; } 25% { left: 50%; } 50% { left: 49%; } 75% { left: 51%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(22) { animation-name: snowflake-22; animation-delay: 9s; animation-duration: 9s; animation-iteration-count: infinite; left: 25%; top: -77%; } .wrap_snowflake:nth-of-type(22):after { font-size: 3px; } @Keyframes snowflake-22 { 0% { transform: rotate(0deg); left: 25%; top: -77%; } 25% { left: 26%; } 50% { left: 25%; } 75% { left: 27%; opacity: 1; } 100% { transform: rotate(360deg); top: 117%; opacity: 0; } } .wrap_snowflake:nth-of-type(23) { animation-name: snowflake-23; animation-delay: 19s; animation-duration: 9s; animation-iteration-count: infinite; left: 100%; top: -100%; } .wrap_snowflake:nth-of-type(23):after { font-size: 14px; } @Keyframes snowflake-23 { 0% { transform: rotate(0deg); left: 100%; top: -100%; } 25% { left: 101%; } 50% { left: 100%; } 75% { left: 102%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(24) { animation-name: snowflake-24; animation-delay: 5s; animation-duration: 6s; animation-iteration-count: infinite; left: 71%; top: -58%; } .wrap_snowflake:nth-of-type(24):after { font-size: 2px; } @Keyframes snowflake-24 { 0% { transform: rotate(0deg); left: 71%; top: -58%; } 25% { left: 72%; } 50% { left: 71%; } 75% { left: 73%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(25) { animation-name: snowflake-25; animation-delay: 11s; animation-duration: 9s; animation-iteration-count: infinite; left: 70%; top: -78%; } .wrap_snowflake:nth-of-type(25):after { font-size: 9px; } @Keyframes snowflake-25 { 0% { transform: rotate(0deg); left: 70%; top: -78%; } 25% { left: 71%; } 50% { left: 70%; } 75% { left: 72%; opacity: 1; } 100% { transform: rotate(360deg); top: 118%; opacity: 0; } } .wrap_snowflake:nth-of-type(26) { animation-name: snowflake-26; animation-delay: 13s; animation-duration: 6s; animation-iteration-count: infinite; left: 66%; top: -60%; } .wrap_snowflake:nth-of-type(26):after { font-size: 12px; } @Keyframes snowflake-26 { 0% { transform: rotate(0deg); left: 66%; top: -60%; } 25% { left: 67%; } 50% { left: 66%; } 75% { left: 68%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(27) { animation-name: snowflake-27; animation-delay: 6s; animation-duration: 5s; animation-iteration-count: infinite; left: 5%; top: -90%; } .wrap_snowflake:nth-of-type(27):after { font-size: 11px; } @Keyframes snowflake-27 { 0% { transform: rotate(0deg); left: 5%; top: -90%; } 25% { left: 6%; } 50% { left: 5%; } 75% { left: 7%; opacity: 1; } 100% { transform: rotate(360deg); top: 130%; opacity: 0; } } .wrap_snowflake:nth-of-type(28) { animation-name: snowflake-28; animation-delay: 9s; animation-duration: 9s; animation-iteration-count: infinite; left: 100%; top: -84%; } .wrap_snowflake:nth-of-type(28):after { font-size: 7px; } @Keyframes snowflake-28 { 0% { transform: rotate(0deg); left: 100%; top: -84%; } 25% { left: 101%; } 50% { left: 100%; } 75% { left: 102%; opacity: 1; } 100% { transform: rotate(360deg); top: 124%; opacity: 0; } } .wrap_snowflake:nth-of-type(29) { animation-name: snowflake-29; animation-delay: 18s; animation-duration: 5s; animation-iteration-count: infinite; left: 66%; top: -57%; } .wrap_snowflake:nth-of-type(29):after { font-size: 4px; } @Keyframes snowflake-29 { 0% { transform: rotate(0deg); left: 66%; top: -57%; } 25% { left: 67%; } 50% { left: 66%; } 75% { left: 68%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(30) { animation-name: snowflake-30; animation-delay: 1s; animation-duration: 8s; animation-iteration-count: infinite; left: 98%; top: -57%; } .wrap_snowflake:nth-of-type(30):after { font-size: 17px; } @Keyframes snowflake-30 { 0% { transform: rotate(0deg); left: 98%; top: -57%; } 25% { left: 99%; } 50% { left: 98%; } 75% { left: 100%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(31) { animation-name: snowflake-31; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 60%; top: -89%; } .wrap_snowflake:nth-of-type(31):after { font-size: 3px; } @Keyframes snowflake-31 { 0% { transform: rotate(0deg); left: 60%; top: -89%; } 25% { left: 61%; } 50% { left: 60%; } 75% { left: 62%; opacity: 1; } 100% { transform: rotate(360deg); top: 129%; opacity: 0; } } .wrap_snowflake:nth-of-type(32) { animation-name: snowflake-32; animation-delay: 14s; animation-duration: 8s; animation-iteration-count: infinite; left: 28%; top: -60%; } .wrap_snowflake:nth-of-type(32):after { font-size: 16px; } @Keyframes snowflake-32 { 0% { transform: rotate(0deg); left: 28%; top: -60%; } 25% { left: 29%; } 50% { left: 28%; } 75% { left: 30%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(33) { animation-name: snowflake-33; animation-delay: 15s; animation-duration: 10s; animation-iteration-count: infinite; left: 77%; top: -69%; } .wrap_snowflake:nth-of-type(33):after { font-size: 18px; } @Keyframes snowflake-33 { 0% { transform: rotate(0deg); left: 77%; top: -69%; } 25% { left: 78%; } 50% { left: 77%; } 75% { left: 79%; opacity: 1; } 100% { transform: rotate(360deg); top: 109%; opacity: 0; } } .wrap_snowflake:nth-of-type(34) { animation-name: snowflake-34; animation-delay: 13s; animation-duration: 10s; animation-iteration-count: infinite; left: 23%; top: -92%; } .wrap_snowflake:nth-of-type(34):after { font-size: 6px; } @Keyframes snowflake-34 { 0% { transform: rotate(0deg); left: 23%; top: -92%; } 25% { left: 24%; } 50% { left: 23%; } 75% { left: 25%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(35) { animation-name: snowflake-35; animation-delay: 5s; animation-duration: 10s; animation-iteration-count: infinite; left: 27%; top: -76%; } .wrap_snowflake:nth-of-type(35):after { font-size: 13px; } @Keyframes snowflake-35 { 0% { transform: rotate(0deg); left: 27%; top: -76%; } 25% { left: 28%; } 50% { left: 27%; } 75% { left: 29%; opacity: 1; } 100% { transform: rotate(360deg); top: 116%; opacity: 0; } } .wrap_snowflake:nth-of-type(36) { animation-name: snowflake-36; animation-delay: 4s; animation-duration: 5s; animation-iteration-count: infinite; left: 54%; top: -72%; } .wrap_snowflake:nth-of-type(36):after { font-size: 1px; } @Keyframes snowflake-36 { 0% { transform: rotate(0deg); left: 54%; top: -72%; } 25% { left: 55%; } 50% { left: 54%; } 75% { left: 56%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(37) { animation-name: snowflake-37; animation-delay: 6s; animation-duration: 5s; animation-iteration-count: infinite; left: 80%; top: -64%; } .wrap_snowflake:nth-of-type(37):after { font-size: 17px; } @Keyframes snowflake-37 { 0% { transform: rotate(0deg); left: 80%; top: -64%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(38) { animation-name: snowflake-38; animation-delay: 6s; animation-duration: 6s; animation-iteration-count: infinite; left: 26%; top: -92%; } .wrap_snowflake:nth-of-type(38):after { font-size: 11px; } @Keyframes snowflake-38 { 0% { transform: rotate(0deg); left: 26%; top: -92%; } 25% { left: 27%; } 50% { left: 26%; } 75% { left: 28%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(39) { animation-name: snowflake-39; animation-delay: 17s; animation-duration: 5s; animation-iteration-count: infinite; left: 9%; top: -56%; } .wrap_snowflake:nth-of-type(39):after { font-size: 1px; } @Keyframes snowflake-39 { 0% { transform: rotate(0deg); left: 9%; top: -56%; } 25% { left: 10%; } 50% { left: 9%; } 75% { left: 11%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(40) { animation-name: snowflake-40; animation-delay: 6s; animation-duration: 7s; animation-iteration-count: infinite; left: 12%; top: -64%; } .wrap_snowflake:nth-of-type(40):after { font-size: 4px; } @Keyframes snowflake-40 { 0% { transform: rotate(0deg); left: 12%; top: -64%; } 25% { left: 13%; } 50% { left: 12%; } 75% { left: 14%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(41) { animation-name: snowflake-41; animation-delay: 12s; animation-duration: 6s; animation-iteration-count: infinite; left: 55%; top: -63%; } .wrap_snowflake:nth-of-type(41):after { font-size: 10px; } @Keyframes snowflake-41 { 0% { transform: rotate(0deg); left: 55%; top: -63%; } 25% { left: 56%; } 50% { left: 55%; } 75% { left: 57%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(42) { animation-name: snowflake-42; animation-delay: 11s; animation-duration: 10s; animation-iteration-count: infinite; left: 7%; top: -77%; } .wrap_snowflake:nth-of-type(42):after { font-size: 16px; } @Keyframes snowflake-42 { 0% { transform: rotate(0deg); left: 7%; top: -77%; } 25% { left: 8%; } 50% { left: 7%; } 75% { left: 9%; opacity: 1; } 100% { transform: rotate(360deg); top: 117%; opacity: 0; } } .wrap_snowflake:nth-of-type(43) { animation-name: snowflake-43; animation-delay: 12s; animation-duration: 7s; animation-iteration-count: infinite; left: 72%; top: -94%; } .wrap_snowflake:nth-of-type(43):after { font-size: 1px; } @Keyframes snowflake-43 { 0% { transform: rotate(0deg); left: 72%; top: -94%; } 25% { left: 73%; } 50% { left: 72%; } 75% { left: 74%; opacity: 1; } 100% { transform: rotate(360deg); top: 134%; opacity: 0; } } .wrap_snowflake:nth-of-type(44) { animation-name: snowflake-44; animation-delay: 7s; animation-duration: 9s; animation-iteration-count: infinite; left: 91%; top: -53%; } .wrap_snowflake:nth-of-type(44):after { font-size: 22px; } @Keyframes snowflake-44 { 0% { transform: rotate(0deg); left: 91%; top: -53%; } 25% { left: 92%; } 50% { left: 91%; } 75% { left: 93%; opacity: 1; } 100% { transform: rotate(360deg); top: 93%; opacity: 0; } } .wrap_snowflake:nth-of-type(45) { animation-name: snowflake-45; animation-delay: 4s; animation-duration: 9s; animation-iteration-count: infinite; left: 92%; top: -60%; } .wrap_snowflake:nth-of-type(45):after { font-size: 16px; } @Keyframes snowflake-45 { 0% { transform: rotate(0deg); left: 92%; top: -60%; } 25% { left: 93%; } 50% { left: 92%; } 75% { left: 94%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(46) { animation-name: snowflake-46; animation-delay: 8s; animation-duration: 10s; animation-iteration-count: infinite; left: 46%; top: -55%; } .wrap_snowflake:nth-of-type(46):after { font-size: 7px; } @Keyframes snowflake-46 { 0% { transform: rotate(0deg); left: 46%; top: -55%; } 25% { left: 47%; } 50% { left: 46%; } 75% { left: 48%; opacity: 1; } 100% { transform: rotate(360deg); top: 95%; opacity: 0; } } .wrap_snowflake:nth-of-type(47) { animation-name: snowflake-47; animation-delay: 2s; animation-duration: 6s; animation-iteration-count: infinite; left: 97%; top: -90%; } .wrap_snowflake:nth-of-type(47):after { font-size: 20px; } @Keyframes snowflake-47 { 0% { transform: rotate(0deg); left: 97%; top: -90%; } 25% { left: 98%; } 50% { left: 97%; } 75% { left: 99%; opacity: 1; } 100% { transform: rotate(360deg); top: 130%; opacity: 0; } } .wrap_snowflake:nth-of-type(48) { animation-name: snowflake-48; animation-delay: 12s; animation-duration: 8s; animation-iteration-count: infinite; left: 31%; top: -58%; } .wrap_snowflake:nth-of-type(48):after { font-size: 22px; } @Keyframes snowflake-48 { 0% { transform: rotate(0deg); left: 31%; top: -58%; } 25% { left: 32%; } 50% { left: 31%; } 75% { left: 33%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(49) { animation-name: snowflake-49; animation-delay: 16s; animation-duration: 6s; animation-iteration-count: infinite; left: 47%; top: -72%; } .wrap_snowflake:nth-of-type(49):after { font-size: 2px; } @Keyframes snowflake-49 { 0% { transform: rotate(0deg); left: 47%; top: -72%; } 25% { left: 48%; } 50% { left: 47%; } 75% { left: 49%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(50) { animation-name: snowflake-50; animation-delay: 11s; animation-duration: 6s; animation-iteration-count: infinite; left: 16%; top: -79%; } .wrap_snowflake:nth-of-type(50):after { font-size: 7px; } @Keyframes snowflake-50 { 0% { transform: rotate(0deg); left: 16%; top: -79%; } 25% { left: 17%; } 50% { left: 16%; } 75% { left: 18%; opacity: 1; } 100% { transform: rotate(360deg); top: 119%; opacity: 0; } } .wrap_snowflake:nth-of-type(51) { animation-name: snowflake-51; animation-delay: 8s; animation-duration: 9s; animation-iteration-count: infinite; left: 13%; top: -100%; } .wrap_snowflake:nth-of-type(51):after { font-size: 13px; } @Keyframes snowflake-51 { 0% { transform: rotate(0deg); left: 13%; top: -100%; } 25% { left: 14%; } 50% { left: 13%; } 75% { left: 15%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(52) { animation-name: snowflake-52; animation-delay: 4s; animation-duration: 5s; animation-iteration-count: infinite; left: 95%; top: -80%; } .wrap_snowflake:nth-of-type(52):after { font-size: 23px; } @Keyframes snowflake-52 { 0% { transform: rotate(0deg); left: 95%; top: -80%; } 25% { left: 96%; } 50% { left: 95%; } 75% { left: 97%; opacity: 1; } 100% { transform: rotate(360deg); top: 120%; opacity: 0; } } .wrap_snowflake:nth-of-type(53) { animation-name: snowflake-53; animation-delay: 14s; animation-duration: 8s; animation-iteration-count: infinite; left: 37%; top: -78%; } .wrap_snowflake:nth-of-type(53):after { font-size: 11px; } @Keyframes snowflake-53 { 0% { transform: rotate(0deg); left: 37%; top: -78%; } 25% { left: 38%; } 50% { left: 37%; } 75% { left: 39%; opacity: 1; } 100% { transform: rotate(360deg); top: 118%; opacity: 0; } } .wrap_snowflake:nth-of-type(54) { animation-name: snowflake-54; animation-delay: 4s; animation-duration: 9s; animation-iteration-count: infinite; left: 15%; top: -73%; } .wrap_snowflake:nth-of-type(54):after { font-size: 9px; } @Keyframes snowflake-54 { 0% { transform: rotate(0deg); left: 15%; top: -73%; } 25% { left: 16%; } 50% { left: 15%; } 75% { left: 17%; opacity: 1; } 100% { transform: rotate(360deg); top: 113%; opacity: 0; } } .wrap_snowflake:nth-of-type(55) { animation-name: snowflake-55; animation-delay: 4s; animation-duration: 9s; animation-iteration-count: infinite; left: 60%; top: -78%; } .wrap_snowflake:nth-of-type(55):after { font-size: 7px; } @Keyframes snowflake-55 { 0% { transform: rotate(0deg); left: 60%; top: -78%; } 25% { left: 61%; } 50% { left: 60%; } 75% { left: 62%; opacity: 1; } 100% { transform: rotate(360deg); top: 118%; opacity: 0; } } .wrap_snowflake:nth-of-type(56) { animation-name: snowflake-56; animation-delay: 10s; animation-duration: 7s; animation-iteration-count: infinite; left: 53%; top: -71%; } .wrap_snowflake:nth-of-type(56):after { font-size: 10px; } @Keyframes snowflake-56 { 0% { transform: rotate(0deg); left: 53%; top: -71%; } 25% { left: 54%; } 50% { left: 53%; } 75% { left: 55%; opacity: 1; } 100% { transform: rotate(360deg); top: 111%; opacity: 0; } } .wrap_snowflake:nth-of-type(57) { animation-name: snowflake-57; animation-delay: 15s; animation-duration: 6s; animation-iteration-count: infinite; left: 19%; top: -87%; } .wrap_snowflake:nth-of-type(57):after { font-size: 18px; } @Keyframes snowflake-57 { 0% { transform: rotate(0deg); left: 19%; top: -87%; } 25% { left: 20%; } 50% { left: 19%; } 75% { left: 21%; opacity: 1; } 100% { transform: rotate(360deg); top: 127%; opacity: 0; } } .wrap_snowflake:nth-of-type(58) { animation-name: snowflake-58; animation-delay: 7s; animation-duration: 5s; animation-iteration-count: infinite; left: 62%; top: -97%; } .wrap_snowflake:nth-of-type(58):after { font-size: 20px; } @Keyframes snowflake-58 { 0% { transform: rotate(0deg); left: 62%; top: -97%; } 25% { left: 63%; } 50% { left: 62%; } 75% { left: 64%; opacity: 1; } 100% { transform: rotate(360deg); top: 137%; opacity: 0; } } .wrap_snowflake:nth-of-type(59) { animation-name: snowflake-59; animation-delay: 7s; animation-duration: 7s; animation-iteration-count: infinite; left: 57%; top: -81%; } .wrap_snowflake:nth-of-type(59):after { font-size: 12px; } @Keyframes snowflake-59 { 0% { transform: rotate(0deg); left: 57%; top: -81%; } 25% { left: 58%; } 50% { left: 57%; } 75% { left: 59%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(60) { animation-name: snowflake-60; animation-delay: 12s; animation-duration: 10s; animation-iteration-count: infinite; left: 81%; top: -81%; } .wrap_snowflake:nth-of-type(60):after { font-size: 3px; } @Keyframes snowflake-60 { 0% { transform: rotate(0deg); left: 81%; top: -81%; } 25% { left: 82%; } 50% { left: 81%; } 75% { left: 83%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(61) { animation-name: snowflake-61; animation-delay: 7s; animation-duration: 7s; animation-iteration-count: infinite; left: 26%; top: -62%; } .wrap_snowflake:nth-of-type(61):after { font-size: 10px; } @Keyframes snowflake-61 { 0% { transform: rotate(0deg); left: 26%; top: -62%; } 25% { left: 27%; } 50% { left: 26%; } 75% { left: 28%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(62) { animation-name: snowflake-62; animation-delay: 18s; animation-duration: 7s; animation-iteration-count: infinite; left: 18%; top: -58%; } .wrap_snowflake:nth-of-type(62):after { font-size: 13px; } @Keyframes snowflake-62 { 0% { transform: rotate(0deg); left: 18%; top: -58%; } 25% { left: 19%; } 50% { left: 18%; } 75% { left: 20%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(63) { animation-name: snowflake-63; animation-delay: 18s; animation-duration: 6s; animation-iteration-count: infinite; left: 20%; top: -56%; } .wrap_snowflake:nth-of-type(63):after { font-size: 10px; } @Keyframes snowflake-63 { 0% { transform: rotate(0deg); left: 20%; top: -56%; } 25% { left: 21%; } 50% { left: 20%; } 75% { left: 22%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(64) { animation-name: snowflake-64; animation-delay: 11s; animation-duration: 5s; animation-iteration-count: infinite; left: 38%; top: -63%; } .wrap_snowflake:nth-of-type(64):after { font-size: 9px; } @Keyframes snowflake-64 { 0% { transform: rotate(0deg); left: 38%; top: -63%; } 25% { left: 39%; } 50% { left: 38%; } 75% { left: 40%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(65) { animation-name: snowflake-65; animation-delay: 16s; animation-duration: 8s; animation-iteration-count: infinite; left: 25%; top: -68%; } .wrap_snowflake:nth-of-type(65):after { font-size: 7px; } @Keyframes snowflake-65 { 0% { transform: rotate(0deg); left: 25%; top: -68%; } 25% { left: 26%; } 50% { left: 25%; } 75% { left: 27%; opacity: 1; } 100% { transform: rotate(360deg); top: 108%; opacity: 0; } } .wrap_snowflake:nth-of-type(66) { animation-name: snowflake-66; animation-delay: 2s; animation-duration: 7s; animation-iteration-count: infinite; left: 45%; top: -64%; } .wrap_snowflake:nth-of-type(66):after { font-size: 7px; } @Keyframes snowflake-66 { 0% { transform: rotate(0deg); left: 45%; top: -64%; } 25% { left: 46%; } 50% { left: 45%; } 75% { left: 47%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(67) { animation-name: snowflake-67; animation-delay: 16s; animation-duration: 7s; animation-iteration-count: infinite; left: 20%; top: -73%; } .wrap_snowflake:nth-of-type(67):after { font-size: 5px; } @Keyframes snowflake-67 { 0% { transform: rotate(0deg); left: 20%; top: -73%; } 25% { left: 21%; } 50% { left: 20%; } 75% { left: 22%; opacity: 1; } 100% { transform: rotate(360deg); top: 113%; opacity: 0; } } .wrap_snowflake:nth-of-type(68) { animation-name: snowflake-68; animation-delay: 15s; animation-duration: 6s; animation-iteration-count: infinite; left: 49%; top: -92%; } .wrap_snowflake:nth-of-type(68):after { font-size: 17px; } @Keyframes snowflake-68 { 0% { transform: rotate(0deg); left: 49%; top: -92%; } 25% { left: 50%; } 50% { left: 49%; } 75% { left: 51%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(69) { animation-name: snowflake-69; animation-delay: 12s; animation-duration: 8s; animation-iteration-count: infinite; left: 17%; top: -71%; } .wrap_snowflake:nth-of-type(69):after { font-size: 5px; } @Keyframes snowflake-69 { 0% { transform: rotate(0deg); left: 17%; top: -71%; } 25% { left: 18%; } 50% { left: 17%; } 75% { left: 19%; opacity: 1; } 100% { transform: rotate(360deg); top: 111%; opacity: 0; } } .wrap_snowflake:nth-of-type(70) { animation-name: snowflake-70; animation-delay: 11s; animation-duration: 10s; animation-iteration-count: infinite; left: 34%; top: -68%; } .wrap_snowflake:nth-of-type(70):after { font-size: 2px; } @Keyframes snowflake-70 { 0% { transform: rotate(0deg); left: 34%; top: -68%; } 25% { left: 35%; } 50% { left: 34%; } 75% { left: 36%; opacity: 1; } 100% { transform: rotate(360deg); top: 108%; opacity: 0; } } .wrap_snowflake:nth-of-type(71) { animation-name: snowflake-71; animation-delay: 6s; animation-duration: 6s; animation-iteration-count: infinite; left: 87%; top: -74%; } .wrap_snowflake:nth-of-type(71):after { font-size: 2px; } @Keyframes snowflake-71 { 0% { transform: rotate(0deg); left: 87%; top: -74%; } 25% { left: 88%; } 50% { left: 87%; } 75% { left: 89%; opacity: 1; } 100% { transform: rotate(360deg); top: 114%; opacity: 0; } } .wrap_snowflake:nth-of-type(72) { animation-name: snowflake-72; animation-delay: 16s; animation-duration: 7s; animation-iteration-count: infinite; left: 26%; top: -86%; } .wrap_snowflake:nth-of-type(72):after { font-size: 16px; } @Keyframes snowflake-72 { 0% { transform: rotate(0deg); left: 26%; top: -86%; } 25% { left: 27%; } 50% { left: 26%; } 75% { left: 28%; opacity: 1; } 100% { transform: rotate(360deg); top: 126%; opacity: 0; } } .wrap_snowflake:nth-of-type(73) { animation-name: snowflake-73; animation-delay: 15s; animation-duration: 10s; animation-iteration-count: infinite; left: 31%; top: -59%; } .wrap_snowflake:nth-of-type(73):after { font-size: 24px; } @Keyframes snowflake-73 { 0% { transform: rotate(0deg); left: 31%; top: -59%; } 25% { left: 32%; } 50% { left: 31%; } 75% { left: 33%; opacity: 1; } 100% { transform: rotate(360deg); top: 99%; opacity: 0; } } .wrap_snowflake:nth-of-type(74) { animation-name: snowflake-74; animation-delay: 9s; animation-duration: 6s; animation-iteration-count: infinite; left: 80%; top: -93%; } .wrap_snowflake:nth-of-type(74):after { font-size: 7px; } @Keyframes snowflake-74 { 0% { transform: rotate(0deg); left: 80%; top: -93%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(75) { animation-name: snowflake-75; animation-delay: 12s; animation-duration: 8s; animation-iteration-count: infinite; left: 1%; top: -56%; } .wrap_snowflake:nth-of-type(75):after { font-size: 14px; } @Keyframes snowflake-75 { 0% { transform: rotate(0deg); left: 1%; top: -56%; } 25% { left: 2%; } 50% { left: 1%; } 75% { left: 3%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(76) { animation-name: snowflake-76; animation-delay: 10s; animation-duration: 7s; animation-iteration-count: infinite; left: 89%; top: -79%; } .wrap_snowflake:nth-of-type(76):after { font-size: 13px; } @Keyframes snowflake-76 { 0% { transform: rotate(0deg); left: 89%; top: -79%; } 25% { left: 90%; } 50% { left: 89%; } 75% { left: 91%; opacity: 1; } 100% { transform: rotate(360deg); top: 119%; opacity: 0; } } .wrap_snowflake:nth-of-type(77) { animation-name: snowflake-77; animation-delay: 16s; animation-duration: 6s; animation-iteration-count: infinite; left: 80%; top: -70%; } .wrap_snowflake:nth-of-type(77):after { font-size: 8px; } @Keyframes snowflake-77 { 0% { transform: rotate(0deg); left: 80%; top: -70%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 110%; opacity: 0; } } .wrap_snowflake:nth-of-type(78) { animation-name: snowflake-78; animation-delay: 4s; animation-duration: 6s; animation-iteration-count: infinite; left: 85%; top: -79%; } .wrap_snowflake:nth-of-type(78):after { font-size: 5px; } @Keyframes snowflake-78 { 0% { transform: rotate(0deg); left: 85%; top: -79%; } 25% { left: 86%; } 50% { left: 85%; } 75% { left: 87%; opacity: 1; } 100% { transform: rotate(360deg); top: 119%; opacity: 0; } } .wrap_snowflake:nth-of-type(79) { animation-name: snowflake-79; animation-delay: 12s; animation-duration: 10s; animation-iteration-count: infinite; left: 69%; top: -64%; } .wrap_snowflake:nth-of-type(79):after { font-size: 4px; } @Keyframes snowflake-79 { 0% { transform: rotate(0deg); left: 69%; top: -64%; } 25% { left: 70%; } 50% { left: 69%; } 75% { left: 71%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(80) { animation-name: snowflake-80; animation-delay: 10s; animation-duration: 5s; animation-iteration-count: infinite; left: 15%; top: -61%; } .wrap_snowflake:nth-of-type(80):after { font-size: 8px; } @Keyframes snowflake-80 { 0% { transform: rotate(0deg); left: 15%; top: -61%; } 25% { left: 16%; } 50% { left: 15%; } 75% { left: 17%; opacity: 1; } 100% { transform: rotate(360deg); top: 101%; opacity: 0; } } .wrap_snowflake:nth-of-type(81) { animation-name: snowflake-81; animation-delay: 13s; animation-duration: 6s; animation-iteration-count: infinite; left: 20%; top: -57%; } .wrap_snowflake:nth-of-type(81):after { font-size: 13px; } @Keyframes snowflake-81 { 0% { transform: rotate(0deg); left: 20%; top: -57%; } 25% { left: 21%; } 50% { left: 20%; } 75% { left: 22%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(82) { animation-name: snowflake-82; animation-delay: 2s; animation-duration: 9s; animation-iteration-count: infinite; left: 93%; top: -87%; } .wrap_snowflake:nth-of-type(82):after { font-size: 22px; } @Keyframes snowflake-82 { 0% { transform: rotate(0deg); left: 93%; top: -87%; } 25% { left: 94%; } 50% { left: 93%; } 75% { left: 95%; opacity: 1; } 100% { transform: rotate(360deg); top: 127%; opacity: 0; } } .wrap_snowflake:nth-of-type(83) { animation-name: snowflake-83; animation-delay: 18s; animation-duration: 6s; animation-iteration-count: infinite; left: 78%; top: -97%; } .wrap_snowflake:nth-of-type(83):after { font-size: 11px; } @Keyframes snowflake-83 { 0% { transform: rotate(0deg); left: 78%; top: -97%; } 25% { left: 79%; } 50% { left: 78%; } 75% { left: 80%; opacity: 1; } 100% { transform: rotate(360deg); top: 137%; opacity: 0; } } .wrap_snowflake:nth-of-type(84) { animation-name: snowflake-84; animation-delay: 4s; animation-duration: 7s; animation-iteration-count: infinite; left: 56%; top: -69%; } .wrap_snowflake:nth-of-type(84):after { font-size: 18px; } @Keyframes snowflake-84 { 0% { transform: rotate(0deg); left: 56%; top: -69%; } 25% { left: 57%; } 50% { left: 56%; } 75% { left: 58%; opacity: 1; } 100% { transform: rotate(360deg); top: 109%; opacity: 0; } } .wrap_snowflake:nth-of-type(85) { animation-name: snowflake-85; animation-delay: 18s; animation-duration: 7s; animation-iteration-count: infinite; left: 12%; top: -62%; } .wrap_snowflake:nth-of-type(85):after { font-size: 6px; } @Keyframes snowflake-85 { 0% { transform: rotate(0deg); left: 12%; top: -62%; } 25% { left: 13%; } 50% { left: 12%; } 75% { left: 14%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(86) { animation-name: snowflake-86; animation-delay: 0s; animation-duration: 9s; animation-iteration-count: infinite; left: 78%; top: -61%; } .wrap_snowflake:nth-of-type(86):after { font-size: 10px; } @Keyframes snowflake-86 { 0% { transform: rotate(0deg); left: 78%; top: -61%; } 25% { left: 79%; } 50% { left: 78%; } 75% { left: 80%; opacity: 1; } 100% { transform: rotate(360deg); top: 101%; opacity: 0; } } .wrap_snowflake:nth-of-type(87) { animation-name: snowflake-87; animation-delay: 19s; animation-duration: 7s; animation-iteration-count: infinite; left: 76%; top: -91%; } .wrap_snowflake:nth-of-type(87):after { font-size: 12px; } @Keyframes snowflake-87 { 0% { transform: rotate(0deg); left: 76%; top: -91%; } 25% { left: 77%; } 50% { left: 76%; } 75% { left: 78%; opacity: 1; } 100% { transform: rotate(360deg); top: 131%; opacity: 0; } } .wrap_snowflake:nth-of-type(88) { animation-name: snowflake-88; animation-delay: 10s; animation-duration: 8s; animation-iteration-count: infinite; left: 68%; top: -98%; } .wrap_snowflake:nth-of-type(88):after { font-size: 16px; } @Keyframes snowflake-88 { 0% { transform: rotate(0deg); left: 68%; top: -98%; } 25% { left: 69%; } 50% { left: 68%; } 75% { left: 70%; opacity: 1; } 100% { transform: rotate(360deg); top: 138%; opacity: 0; } } .wrap_snowflake:nth-of-type(89) { animation-name: snowflake-89; animation-delay: 7s; animation-duration: 5s; animation-iteration-count: infinite; left: 14%; top: -51%; } .wrap_snowflake:nth-of-type(89):after { font-size: 22px; } @Keyframes snowflake-89 { 0% { transform: rotate(0deg); left: 14%; top: -51%; } 25% { left: 15%; } 50% { left: 14%; } 75% { left: 16%; opacity: 1; } 100% { transform: rotate(360deg); top: 91%; opacity: 0; } } .wrap_snowflake:nth-of-type(90) { animation-name: snowflake-90; animation-delay: 12s; animation-duration: 5s; animation-iteration-count: infinite; left: 22%; top: -57%; } .wrap_snowflake:nth-of-type(90):after { font-size: 21px; } @Keyframes snowflake-90 { 0% { transform: rotate(0deg); left: 22%; top: -57%; } 25% { left: 23%; } 50% { left: 22%; } 75% { left: 24%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(91) { animation-name: snowflake-91; animation-delay: 5s; animation-duration: 7s; animation-iteration-count: infinite; left: 48%; top: -70%; } .wrap_snowflake:nth-of-type(91):after { font-size: 24px; } @Keyframes snowflake-91 { 0% { transform: rotate(0deg); left: 48%; top: -70%; } 25% { left: 49%; } 50% { left: 48%; } 75% { left: 50%; opacity: 1; } 100% { transform: rotate(360deg); top: 110%; opacity: 0; } } .wrap_snowflake:nth-of-type(92) { animation-name: snowflake-92; animation-delay: 6s; animation-duration: 6s; animation-iteration-count: infinite; left: 52%; top: -78%; } .wrap_snowflake:nth-of-type(92):after { font-size: 5px; } @Keyframes snowflake-92 { 0% { transform: rotate(0deg); left: 52%; top: -78%; } 25% { left: 53%; } 50% { left: 52%; } 75% { left: 54%; opacity: 1; } 100% { transform: rotate(360deg); top: 118%; opacity: 0; } } .wrap_snowflake:nth-of-type(93) { animation-name: snowflake-93; animation-delay: 16s; animation-duration: 9s; animation-iteration-count: infinite; left: 15%; top: -57%; } .wrap_snowflake:nth-of-type(93):after { font-size: 17px; } @Keyframes snowflake-93 { 0% { transform: rotate(0deg); left: 15%; top: -57%; } 25% { left: 16%; } 50% { left: 15%; } 75% { left: 17%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(94) { animation-name: snowflake-94; animation-delay: 8s; animation-duration: 9s; animation-iteration-count: infinite; left: 32%; top: -85%; } .wrap_snowflake:nth-of-type(94):after { font-size: 13px; } @Keyframes snowflake-94 { 0% { transform: rotate(0deg); left: 32%; top: -85%; } 25% { left: 33%; } 50% { left: 32%; } 75% { left: 34%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(95) { animation-name: snowflake-95; animation-delay: 3s; animation-duration: 6s; animation-iteration-count: infinite; left: 100%; top: -93%; } .wrap_snowflake:nth-of-type(95):after { font-size: 22px; } @Keyframes snowflake-95 { 0% { transform: rotate(0deg); left: 100%; top: -93%; } 25% { left: 101%; } 50% { left: 100%; } 75% { left: 102%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(96) { animation-name: snowflake-96; animation-delay: 11s; animation-duration: 9s; animation-iteration-count: infinite; left: 88%; top: -78%; } .wrap_snowflake:nth-of-type(96):after { font-size: 24px; } @Keyframes snowflake-96 { 0% { transform: rotate(0deg); left: 88%; top: -78%; } 25% { left: 89%; } 50% { left: 88%; } 75% { left: 90%; opacity: 1; } 100% { transform: rotate(360deg); top: 118%; opacity: 0; } } .wrap_snowflake:nth-of-type(97) { animation-name: snowflake-97; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; left: 94%; top: -56%; } .wrap_snowflake:nth-of-type(97):after { font-size: 24px; } @Keyframes snowflake-97 { 0% { transform: rotate(0deg); left: 94%; top: -56%; } 25% { left: 95%; } 50% { left: 94%; } 75% { left: 96%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(98) { animation-name: snowflake-98; animation-delay: 4s; animation-duration: 5s; animation-iteration-count: infinite; left: 74%; top: -95%; } .wrap_snowflake:nth-of-type(98):after { font-size: 14px; } @Keyframes snowflake-98 { 0% { transform: rotate(0deg); left: 74%; top: -95%; } 25% { left: 75%; } 50% { left: 74%; } 75% { left: 76%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(99) { animation-name: snowflake-99; animation-delay: 19s; animation-duration: 6s; animation-iteration-count: infinite; left: 22%; top: -61%; } .wrap_snowflake:nth-of-type(99):after { font-size: 6px; } @Keyframes snowflake-99 { 0% { transform: rotate(0deg); left: 22%; top: -61%; } 25% { left: 23%; } 50% { left: 22%; } 75% { left: 24%; opacity: 1; } 100% { transform: rotate(360deg); top: 101%; opacity: 0; } } .wrap_snowflake:nth-of-type(100) { animation-name: snowflake-100; animation-delay: 16s; animation-duration: 10s; animation-iteration-count: infinite; left: 48%; top: -68%; } .wrap_snowflake:nth-of-type(100):after { font-size: 3px; } @Keyframes snowflake-100 { 0% { transform: rotate(0deg); left: 48%; top: -68%; } 25% { left: 49%; } 50% { left: 48%; } 75% { left: 50%; opacity: 1; } 100% { transform: rotate(360deg); top: 108%; opacity: 0; } } .wrap_snowflake:nth-of-type(101) { animation-name: snowflake-101; animation-delay: 9s; animation-duration: 9s; animation-iteration-count: infinite; left: 7%; top: -57%; } .wrap_snowflake:nth-of-type(101):after { font-size: 15px; } @Keyframes snowflake-101 { 0% { transform: rotate(0deg); left: 7%; top: -57%; } 25% { left: 8%; } 50% { left: 7%; } 75% { left: 9%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(102) { animation-name: snowflake-102; animation-delay: 8s; animation-duration: 6s; animation-iteration-count: infinite; left: 70%; top: -75%; } .wrap_snowflake:nth-of-type(102):after { font-size: 16px; } @Keyframes snowflake-102 { 0% { transform: rotate(0deg); left: 70%; top: -75%; } 25% { left: 71%; } 50% { left: 70%; } 75% { left: 72%; opacity: 1; } 100% { transform: rotate(360deg); top: 115%; opacity: 0; } } .wrap_snowflake:nth-of-type(103) { animation-name: snowflake-103; animation-delay: 9s; animation-duration: 7s; animation-iteration-count: infinite; left: 50%; top: -86%; } .wrap_snowflake:nth-of-type(103):after { font-size: 6px; } @Keyframes snowflake-103 { 0% { transform: rotate(0deg); left: 50%; top: -86%; } 25% { left: 51%; } 50% { left: 50%; } 75% { left: 52%; opacity: 1; } 100% { transform: rotate(360deg); top: 126%; opacity: 0; } } .wrap_snowflake:nth-of-type(104) { animation-name: snowflake-104; animation-delay: 13s; animation-duration: 9s; animation-iteration-count: infinite; left: 59%; top: -65%; } .wrap_snowflake:nth-of-type(104):after { font-size: 19px; } @Keyframes snowflake-104 { 0% { transform: rotate(0deg); left: 59%; top: -65%; } 25% { left: 60%; } 50% { left: 59%; } 75% { left: 61%; opacity: 1; } 100% { transform: rotate(360deg); top: 105%; opacity: 0; } } .wrap_snowflake:nth-of-type(105) { animation-name: snowflake-105; animation-delay: 15s; animation-duration: 8s; animation-iteration-count: infinite; left: 67%; top: -64%; } .wrap_snowflake:nth-of-type(105):after { font-size: 2px; } @Keyframes snowflake-105 { 0% { transform: rotate(0deg); left: 67%; top: -64%; } 25% { left: 68%; } 50% { left: 67%; } 75% { left: 69%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(106) { animation-name: snowflake-106; animation-delay: 8s; animation-duration: 6s; animation-iteration-count: infinite; left: 87%; top: -95%; } .wrap_snowflake:nth-of-type(106):after { font-size: 19px; } @Keyframes snowflake-106 { 0% { transform: rotate(0deg); left: 87%; top: -95%; } 25% { left: 88%; } 50% { left: 87%; } 75% { left: 89%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(107) { animation-name: snowflake-107; animation-delay: 15s; animation-duration: 6s; animation-iteration-count: infinite; left: 18%; top: -85%; } .wrap_snowflake:nth-of-type(107):after { font-size: 19px; } @Keyframes snowflake-107 { 0% { transform: rotate(0deg); left: 18%; top: -85%; } 25% { left: 19%; } 50% { left: 18%; } 75% { left: 20%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(108) { animation-name: snowflake-108; animation-delay: 1s; animation-duration: 9s; animation-iteration-count: infinite; left: 96%; top: -57%; } .wrap_snowflake:nth-of-type(108):after { font-size: 23px; } @Keyframes snowflake-108 { 0% { transform: rotate(0deg); left: 96%; top: -57%; } 25% { left: 97%; } 50% { left: 96%; } 75% { left: 98%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(109) { animation-name: snowflake-109; animation-delay: 16s; animation-duration: 9s; animation-iteration-count: infinite; left: 2%; top: -100%; } .wrap_snowflake:nth-of-type(109):after { font-size: 14px; } @Keyframes snowflake-109 { 0% { transform: rotate(0deg); left: 2%; top: -100%; } 25% { left: 3%; } 50% { left: 2%; } 75% { left: 4%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(110) { animation-name: snowflake-110; animation-delay: 15s; animation-duration: 10s; animation-iteration-count: infinite; left: 89%; top: -52%; } .wrap_snowflake:nth-of-type(110):after { font-size: 18px; } @Keyframes snowflake-110 { 0% { transform: rotate(0deg); left: 89%; top: -52%; } 25% { left: 90%; } 50% { left: 89%; } 75% { left: 91%; opacity: 1; } 100% { transform: rotate(360deg); top: 92%; opacity: 0; } } .wrap_snowflake:nth-of-type(111) { animation-name: snowflake-111; animation-delay: 11s; animation-duration: 7s; animation-iteration-count: infinite; left: 59%; top: -100%; } .wrap_snowflake:nth-of-type(111):after { font-size: 14px; } @Keyframes snowflake-111 { 0% { transform: rotate(0deg); left: 59%; top: -100%; } 25% { left: 60%; } 50% { left: 59%; } 75% { left: 61%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(112) { animation-name: snowflake-112; animation-delay: 14s; animation-duration: 5s; animation-iteration-count: infinite; left: 51%; top: -75%; } .wrap_snowflake:nth-of-type(112):after { font-size: 20px; } @Keyframes snowflake-112 { 0% { transform: rotate(0deg); left: 51%; top: -75%; } 25% { left: 52%; } 50% { left: 51%; } 75% { left: 53%; opacity: 1; } 100% { transform: rotate(360deg); top: 115%; opacity: 0; } } .wrap_snowflake:nth-of-type(113) { animation-name: snowflake-113; animation-delay: 5s; animation-duration: 10s; animation-iteration-count: infinite; left: 60%; top: -65%; } .wrap_snowflake:nth-of-type(113):after { font-size: 19px; } @Keyframes snowflake-113 { 0% { transform: rotate(0deg); left: 60%; top: -65%; } 25% { left: 61%; } 50% { left: 60%; } 75% { left: 62%; opacity: 1; } 100% { transform: rotate(360deg); top: 105%; opacity: 0; } } .wrap_snowflake:nth-of-type(114) { animation-name: snowflake-114; animation-delay: 17s; animation-duration: 6s; animation-iteration-count: infinite; left: 17%; top: -71%; } .wrap_snowflake:nth-of-type(114):after { font-size: 21px; } @Keyframes snowflake-114 { 0% { transform: rotate(0deg); left: 17%; top: -71%; } 25% { left: 18%; } 50% { left: 17%; } 75% { left: 19%; opacity: 1; } 100% { transform: rotate(360deg); top: 111%; opacity: 0; } } .wrap_snowflake:nth-of-type(115) { animation-name: snowflake-115; animation-delay: 13s; animation-duration: 6s; animation-iteration-count: infinite; left: 90%; top: -73%; } .wrap_snowflake:nth-of-type(115):after { font-size: 10px; } @Keyframes snowflake-115 { 0% { transform: rotate(0deg); left: 90%; top: -73%; } 25% { left: 91%; } 50% { left: 90%; } 75% { left: 92%; opacity: 1; } 100% { transform: rotate(360deg); top: 113%; opacity: 0; } } .wrap_snowflake:nth-of-type(116) { animation-name: snowflake-116; animation-delay: 14s; animation-duration: 8s; animation-iteration-count: infinite; left: 64%; top: -77%; } .wrap_snowflake:nth-of-type(116):after { font-size: 3px; } @Keyframes snowflake-116 { 0% { transform: rotate(0deg); left: 64%; top: -77%; } 25% { left: 65%; } 50% { left: 64%; } 75% { left: 66%; opacity: 1; } 100% { transform: rotate(360deg); top: 117%; opacity: 0; } } .wrap_snowflake:nth-of-type(117) { animation-name: snowflake-117; animation-delay: 7s; animation-duration: 6s; animation-iteration-count: infinite; left: 89%; top: -92%; } .wrap_snowflake:nth-of-type(117):after { font-size: 2px; } @Keyframes snowflake-117 { 0% { transform: rotate(0deg); left: 89%; top: -92%; } 25% { left: 90%; } 50% { left: 89%; } 75% { left: 91%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(118) { animation-name: snowflake-118; animation-delay: 0s; animation-duration: 6s; animation-iteration-count: infinite; left: 2%; top: -90%; } .wrap_snowflake:nth-of-type(118):after { font-size: 5px; } @Keyframes snowflake-118 { 0% { transform: rotate(0deg); left: 2%; top: -90%; } 25% { left: 3%; } 50% { left: 2%; } 75% { left: 4%; opacity: 1; } 100% { transform: rotate(360deg); top: 130%; opacity: 0; } } .wrap_snowflake:nth-of-type(119) { animation-name: snowflake-119; animation-delay: 18s; animation-duration: 9s; animation-iteration-count: infinite; left: 27%; top: -83%; } .wrap_snowflake:nth-of-type(119):after { font-size: 5px; } @Keyframes snowflake-119 { 0% { transform: rotate(0deg); left: 27%; top: -83%; } 25% { left: 28%; } 50% { left: 27%; } 75% { left: 29%; opacity: 1; } 100% { transform: rotate(360deg); top: 123%; opacity: 0; } } .wrap_snowflake:nth-of-type(120) { animation-name: snowflake-120; animation-delay: 12s; animation-duration: 8s; animation-iteration-count: infinite; left: 33%; top: -96%; } .wrap_snowflake:nth-of-type(120):after { font-size: 1px; } @Keyframes snowflake-120 { 0% { transform: rotate(0deg); left: 33%; top: -96%; } 25% { left: 34%; } 50% { left: 33%; } 75% { left: 35%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(121) { animation-name: snowflake-121; animation-delay: 12s; animation-duration: 5s; animation-iteration-count: infinite; left: 36%; top: -73%; } .wrap_snowflake:nth-of-type(121):after { font-size: 24px; } @Keyframes snowflake-121 { 0% { transform: rotate(0deg); left: 36%; top: -73%; } 25% { left: 37%; } 50% { left: 36%; } 75% { left: 38%; opacity: 1; } 100% { transform: rotate(360deg); top: 113%; opacity: 0; } } .wrap_snowflake:nth-of-type(122) { animation-name: snowflake-122; animation-delay: 6s; animation-duration: 7s; animation-iteration-count: infinite; left: 99%; top: -85%; } .wrap_snowflake:nth-of-type(122):after { font-size: 23px; } @Keyframes snowflake-122 { 0% { transform: rotate(0deg); left: 99%; top: -85%; } 25% { left: 100%; } 50% { left: 99%; } 75% { left: 101%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(123) { animation-name: snowflake-123; animation-delay: 13s; animation-duration: 7s; animation-iteration-count: infinite; left: 80%; top: -93%; } .wrap_snowflake:nth-of-type(123):after { font-size: 1px; } @Keyframes snowflake-123 { 0% { transform: rotate(0deg); left: 80%; top: -93%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(124) { animation-name: snowflake-124; animation-delay: 12s; animation-duration: 5s; animation-iteration-count: infinite; left: 39%; top: -88%; } .wrap_snowflake:nth-of-type(124):after { font-size: 4px; } @Keyframes snowflake-124 { 0% { transform: rotate(0deg); left: 39%; top: -88%; } 25% { left: 40%; } 50% { left: 39%; } 75% { left: 41%; opacity: 1; } 100% { transform: rotate(360deg); top: 128%; opacity: 0; } } .wrap_snowflake:nth-of-type(125) { animation-name: snowflake-125; animation-delay: 6s; animation-duration: 5s; animation-iteration-count: infinite; left: 90%; top: -62%; } .wrap_snowflake:nth-of-type(125):after { font-size: 16px; } @Keyframes snowflake-125 { 0% { transform: rotate(0deg); left: 90%; top: -62%; } 25% { left: 91%; } 50% { left: 90%; } 75% { left: 92%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(126) { animation-name: snowflake-126; animation-delay: 0s; animation-duration: 6s; animation-iteration-count: infinite; left: 18%; top: -69%; } .wrap_snowflake:nth-of-type(126):after { font-size: 10px; } @Keyframes snowflake-126 { 0% { transform: rotate(0deg); left: 18%; top: -69%; } 25% { left: 19%; } 50% { left: 18%; } 75% { left: 20%; opacity: 1; } 100% { transform: rotate(360deg); top: 109%; opacity: 0; } } .wrap_snowflake:nth-of-type(127) { animation-name: snowflake-127; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; left: 36%; top: -55%; } .wrap_snowflake:nth-of-type(127):after { font-size: 12px; } @Keyframes snowflake-127 { 0% { transform: rotate(0deg); left: 36%; top: -55%; } 25% { left: 37%; } 50% { left: 36%; } 75% { left: 38%; opacity: 1; } 100% { transform: rotate(360deg); top: 95%; opacity: 0; } } .wrap_snowflake:nth-of-type(128) { animation-name: snowflake-128; animation-delay: 8s; animation-duration: 5s; animation-iteration-count: infinite; left: 82%; top: -63%; } .wrap_snowflake:nth-of-type(128):after { font-size: 17px; } @Keyframes snowflake-128 { 0% { transform: rotate(0deg); left: 82%; top: -63%; } 25% { left: 83%; } 50% { left: 82%; } 75% { left: 84%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(129) { animation-name: snowflake-129; animation-delay: 10s; animation-duration: 5s; animation-iteration-count: infinite; left: 61%; top: -63%; } .wrap_snowflake:nth-of-type(129):after { font-size: 9px; } @Keyframes snowflake-129 { 0% { transform: rotate(0deg); left: 61%; top: -63%; } 25% { left: 62%; } 50% { left: 61%; } 75% { left: 63%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(130) { animation-name: snowflake-130; animation-delay: 1s; animation-duration: 5s; animation-iteration-count: infinite; left: 75%; top: -58%; } .wrap_snowflake:nth-of-type(130):after { font-size: 11px; } @Keyframes snowflake-130 { 0% { transform: rotate(0deg); left: 75%; top: -58%; } 25% { left: 76%; } 50% { left: 75%; } 75% { left: 77%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(131) { animation-name: snowflake-131; animation-delay: 9s; animation-duration: 7s; animation-iteration-count: infinite; left: 93%; top: -62%; } .wrap_snowflake:nth-of-type(131):after { font-size: 14px; } @Keyframes snowflake-131 { 0% { transform: rotate(0deg); left: 93%; top: -62%; } 25% { left: 94%; } 50% { left: 93%; } 75% { left: 95%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(132) { animation-name: snowflake-132; animation-delay: 19s; animation-duration: 8s; animation-iteration-count: infinite; left: 69%; top: -73%; } .wrap_snowflake:nth-of-type(132):after { font-size: 1px; } @Keyframes snowflake-132 { 0% { transform: rotate(0deg); left: 69%; top: -73%; } 25% { left: 70%; } 50% { left: 69%; } 75% { left: 71%; opacity: 1; } 100% { transform: rotate(360deg); top: 113%; opacity: 0; } } .wrap_snowflake:nth-of-type(133) { animation-name: snowflake-133; animation-delay: 16s; animation-duration: 8s; animation-iteration-count: infinite; left: 80%; top: -51%; } .wrap_snowflake:nth-of-type(133):after { font-size: 11px; } @Keyframes snowflake-133 { 0% { transform: rotate(0deg); left: 80%; top: -51%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 91%; opacity: 0; } } .wrap_snowflake:nth-of-type(134) { animation-name: snowflake-134; animation-delay: 10s; animation-duration: 6s; animation-iteration-count: infinite; left: 72%; top: -100%; } .wrap_snowflake:nth-of-type(134):after { font-size: 12px; } @Keyframes snowflake-134 { 0% { transform: rotate(0deg); left: 72%; top: -100%; } 25% { left: 73%; } 50% { left: 72%; } 75% { left: 74%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(135) { animation-name: snowflake-135; animation-delay: 0s; animation-duration: 5s; animation-iteration-count: infinite; left: 84%; top: -96%; } .wrap_snowflake:nth-of-type(135):after { font-size: 9px; } @Keyframes snowflake-135 { 0% { transform: rotate(0deg); left: 84%; top: -96%; } 25% { left: 85%; } 50% { left: 84%; } 75% { left: 86%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(136) { animation-name: snowflake-136; animation-delay: 18s; animation-duration: 9s; animation-iteration-count: infinite; left: 14%; top: -85%; } .wrap_snowflake:nth-of-type(136):after { font-size: 9px; } @Keyframes snowflake-136 { 0% { transform: rotate(0deg); left: 14%; top: -85%; } 25% { left: 15%; } 50% { left: 14%; } 75% { left: 16%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(137) { animation-name: snowflake-137; animation-delay: 11s; animation-duration: 10s; animation-iteration-count: infinite; left: 1%; top: -99%; } .wrap_snowflake:nth-of-type(137):after { font-size: 4px; } @Keyframes snowflake-137 { 0% { transform: rotate(0deg); left: 1%; top: -99%; } 25% { left: 2%; } 50% { left: 1%; } 75% { left: 3%; opacity: 1; } 100% { transform: rotate(360deg); top: 139%; opacity: 0; } } .wrap_snowflake:nth-of-type(138) { animation-name: snowflake-138; animation-delay: 13s; animation-duration: 6s; animation-iteration-count: infinite; left: 85%; top: -56%; } .wrap_snowflake:nth-of-type(138):after { font-size: 13px; } @Keyframes snowflake-138 { 0% { transform: rotate(0deg); left: 85%; top: -56%; } 25% { left: 86%; } 50% { left: 85%; } 75% { left: 87%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(139) { animation-name: snowflake-139; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 7%; top: -55%; } .wrap_snowflake:nth-of-type(139):after { font-size: 13px; } @Keyframes snowflake-139 { 0% { transform: rotate(0deg); left: 7%; top: -55%; } 25% { left: 8%; } 50% { left: 7%; } 75% { left: 9%; opacity: 1; } 100% { transform: rotate(360deg); top: 95%; opacity: 0; } } .wrap_snowflake:nth-of-type(140) { animation-name: snowflake-140; animation-delay: 12s; animation-duration: 7s; animation-iteration-count: infinite; left: 96%; top: -95%; } .wrap_snowflake:nth-of-type(140):after { font-size: 22px; } @Keyframes snowflake-140 { 0% { transform: rotate(0deg); left: 96%; top: -95%; } 25% { left: 97%; } 50% { left: 96%; } 75% { left: 98%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(141) { animation-name: snowflake-141; animation-delay: 18s; animation-duration: 9s; animation-iteration-count: infinite; left: 56%; top: -72%; } .wrap_snowflake:nth-of-type(141):after { font-size: 6px; } @Keyframes snowflake-141 { 0% { transform: rotate(0deg); left: 56%; top: -72%; } 25% { left: 57%; } 50% { left: 56%; } 75% { left: 58%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(142) { animation-name: snowflake-142; animation-delay: 0s; animation-duration: 5s; animation-iteration-count: infinite; left: 30%; top: -89%; } .wrap_snowflake:nth-of-type(142):after { font-size: 12px; } @Keyframes snowflake-142 { 0% { transform: rotate(0deg); left: 30%; top: -89%; } 25% { left: 31%; } 50% { left: 30%; } 75% { left: 32%; opacity: 1; } 100% { transform: rotate(360deg); top: 129%; opacity: 0; } } .wrap_snowflake:nth-of-type(143) { animation-name: snowflake-143; animation-delay: 4s; animation-duration: 7s; animation-iteration-count: infinite; left: 70%; top: -80%; } .wrap_snowflake:nth-of-type(143):after { font-size: 20px; } @Keyframes snowflake-143 { 0% { transform: rotate(0deg); left: 70%; top: -80%; } 25% { left: 71%; } 50% { left: 70%; } 75% { left: 72%; opacity: 1; } 100% { transform: rotate(360deg); top: 120%; opacity: 0; } } .wrap_snowflake:nth-of-type(144) { animation-name: snowflake-144; animation-delay: 9s; animation-duration: 6s; animation-iteration-count: infinite; left: 45%; top: -66%; } .wrap_snowflake:nth-of-type(144):after { font-size: 7px; } @Keyframes snowflake-144 { 0% { transform: rotate(0deg); left: 45%; top: -66%; } 25% { left: 46%; } 50% { left: 45%; } 75% { left: 47%; opacity: 1; } 100% { transform: rotate(360deg); top: 106%; opacity: 0; } } .wrap_snowflake:nth-of-type(145) { animation-name: snowflake-145; animation-delay: 6s; animation-duration: 6s; animation-iteration-count: infinite; left: 57%; top: -82%; } .wrap_snowflake:nth-of-type(145):after { font-size: 10px; } @Keyframes snowflake-145 { 0% { transform: rotate(0deg); left: 57%; top: -82%; } 25% { left: 58%; } 50% { left: 57%; } 75% { left: 59%; opacity: 1; } 100% { transform: rotate(360deg); top: 122%; opacity: 0; } } .wrap_snowflake:nth-of-type(146) { animation-name: snowflake-146; animation-delay: 18s; animation-duration: 8s; animation-iteration-count: infinite; left: 93%; top: -90%; } .wrap_snowflake:nth-of-type(146):after { font-size: 4px; } @Keyframes snowflake-146 { 0% { transform: rotate(0deg); left: 93%; top: -90%; } 25% { left: 94%; } 50% { left: 93%; } 75% { left: 95%; opacity: 1; } 100% { transform: rotate(360deg); top: 130%; opacity: 0; } } .wrap_snowflake:nth-of-type(147) { animation-name: snowflake-147; animation-delay: 3s; animation-duration: 7s; animation-iteration-count: infinite; left: 16%; top: -96%; } .wrap_snowflake:nth-of-type(147):after { font-size: 23px; } @Keyframes snowflake-147 { 0% { transform: rotate(0deg); left: 16%; top: -96%; } 25% { left: 17%; } 50% { left: 16%; } 75% { left: 18%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(148) { animation-name: snowflake-148; animation-delay: 16s; animation-duration: 5s; animation-iteration-count: infinite; left: 77%; top: -64%; } .wrap_snowflake:nth-of-type(148):after { font-size: 16px; } @Keyframes snowflake-148 { 0% { transform: rotate(0deg); left: 77%; top: -64%; } 25% { left: 78%; } 50% { left: 77%; } 75% { left: 79%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(149) { animation-name: snowflake-149; animation-delay: 2s; animation-duration: 10s; animation-iteration-count: infinite; left: 10%; top: -95%; } .wrap_snowflake:nth-of-type(149):after { font-size: 14px; } @Keyframes snowflake-149 { 0% { transform: rotate(0deg); left: 10%; top: -95%; } 25% { left: 11%; } 50% { left: 10%; } 75% { left: 12%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(150) { animation-name: snowflake-150; animation-delay: 9s; animation-duration: 6s; animation-iteration-count: infinite; left: 27%; top: -97%; } .wrap_snowflake:nth-of-type(150):after { font-size: 8px; } @Keyframes snowflake-150 { 0% { transform: rotate(0deg); left: 27%; top: -97%; } 25% { left: 28%; } 50% { left: 27%; } 75% { left: 29%; opacity: 1; } 100% { transform: rotate(360deg); top: 137%; opacity: 0; } } .wrap_snowflake:nth-of-type(151) { animation-name: snowflake-151; animation-delay: 10s; animation-duration: 9s; animation-iteration-count: infinite; left: 6%; top: -56%; } .wrap_snowflake:nth-of-type(151):after { font-size: 15px; } @Keyframes snowflake-151 { 0% { transform: rotate(0deg); left: 6%; top: -56%; } 25% { left: 7%; } 50% { left: 6%; } 75% { left: 8%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(152) { animation-name: snowflake-152; animation-delay: 7s; animation-duration: 7s; animation-iteration-count: infinite; left: 40%; top: -66%; } .wrap_snowflake:nth-of-type(152):after { font-size: 11px; } @Keyframes snowflake-152 { 0% { transform: rotate(0deg); left: 40%; top: -66%; } 25% { left: 41%; } 50% { left: 40%; } 75% { left: 42%; opacity: 1; } 100% { transform: rotate(360deg); top: 106%; opacity: 0; } } .wrap_snowflake:nth-of-type(153) { animation-name: snowflake-153; animation-delay: 6s; animation-duration: 10s; animation-iteration-count: infinite; left: 12%; top: -87%; } .wrap_snowflake:nth-of-type(153):after { font-size: 20px; } @Keyframes snowflake-153 { 0% { transform: rotate(0deg); left: 12%; top: -87%; } 25% { left: 13%; } 50% { left: 12%; } 75% { left: 14%; opacity: 1; } 100% { transform: rotate(360deg); top: 127%; opacity: 0; } } .wrap_snowflake:nth-of-type(154) { animation-name: snowflake-154; animation-delay: 4s; animation-duration: 5s; animation-iteration-count: infinite; left: 29%; top: -67%; } .wrap_snowflake:nth-of-type(154):after { font-size: 22px; } @Keyframes snowflake-154 { 0% { transform: rotate(0deg); left: 29%; top: -67%; } 25% { left: 30%; } 50% { left: 29%; } 75% { left: 31%; opacity: 1; } 100% { transform: rotate(360deg); top: 107%; opacity: 0; } } .wrap_snowflake:nth-of-type(155) { animation-name: snowflake-155; animation-delay: 16s; animation-duration: 6s; animation-iteration-count: infinite; left: 54%; top: -86%; } .wrap_snowflake:nth-of-type(155):after { font-size: 9px; } @Keyframes snowflake-155 { 0% { transform: rotate(0deg); left: 54%; top: -86%; } 25% { left: 55%; } 50% { left: 54%; } 75% { left: 56%; opacity: 1; } 100% { transform: rotate(360deg); top: 126%; opacity: 0; } } .wrap_snowflake:nth-of-type(156) { animation-name: snowflake-156; animation-delay: 3s; animation-duration: 10s; animation-iteration-count: infinite; left: 33%; top: -62%; } .wrap_snowflake:nth-of-type(156):after { font-size: 4px; } @Keyframes snowflake-156 { 0% { transform: rotate(0deg); left: 33%; top: -62%; } 25% { left: 34%; } 50% { left: 33%; } 75% { left: 35%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(157) { animation-name: snowflake-157; animation-delay: 0s; animation-duration: 9s; animation-iteration-count: infinite; left: 14%; top: -87%; } .wrap_snowflake:nth-of-type(157):after { font-size: 4px; } @Keyframes snowflake-157 { 0% { transform: rotate(0deg); left: 14%; top: -87%; } 25% { left: 15%; } 50% { left: 14%; } 75% { left: 16%; opacity: 1; } 100% { transform: rotate(360deg); top: 127%; opacity: 0; } } .wrap_snowflake:nth-of-type(158) { animation-name: snowflake-158; animation-delay: 13s; animation-duration: 7s; animation-iteration-count: infinite; left: 99%; top: -75%; } .wrap_snowflake:nth-of-type(158):after { font-size: 18px; } @Keyframes snowflake-158 { 0% { transform: rotate(0deg); left: 99%; top: -75%; } 25% { left: 100%; } 50% { left: 99%; } 75% { left: 101%; opacity: 1; } 100% { transform: rotate(360deg); top: 115%; opacity: 0; } } .wrap_snowflake:nth-of-type(159) { animation-name: snowflake-159; animation-delay: 13s; animation-duration: 10s; animation-iteration-count: infinite; left: 76%; top: -88%; } .wrap_snowflake:nth-of-type(159):after { font-size: 17px; } @Keyframes snowflake-159 { 0% { transform: rotate(0deg); left: 76%; top: -88%; } 25% { left: 77%; } 50% { left: 76%; } 75% { left: 78%; opacity: 1; } 100% { transform: rotate(360deg); top: 128%; opacity: 0; } } .wrap_snowflake:nth-of-type(160) { animation-name: snowflake-160; animation-delay: 14s; animation-duration: 9s; animation-iteration-count: infinite; left: 96%; top: -69%; } .wrap_snowflake:nth-of-type(160):after { font-size: 16px; } @Keyframes snowflake-160 { 0% { transform: rotate(0deg); left: 96%; top: -69%; } 25% { left: 97%; } 50% { left: 96%; } 75% { left: 98%; opacity: 1; } 100% { transform: rotate(360deg); top: 109%; opacity: 0; } } .wrap_snowflake:nth-of-type(161) { animation-name: snowflake-161; animation-delay: 5s; animation-duration: 10s; animation-iteration-count: infinite; left: 15%; top: -92%; } .wrap_snowflake:nth-of-type(161):after { font-size: 4px; } @Keyframes snowflake-161 { 0% { transform: rotate(0deg); left: 15%; top: -92%; } 25% { left: 16%; } 50% { left: 15%; } 75% { left: 17%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(162) { animation-name: snowflake-162; animation-delay: 3s; animation-duration: 7s; animation-iteration-count: infinite; left: 55%; top: -57%; } .wrap_snowflake:nth-of-type(162):after { font-size: 20px; } @Keyframes snowflake-162 { 0% { transform: rotate(0deg); left: 55%; top: -57%; } 25% { left: 56%; } 50% { left: 55%; } 75% { left: 57%; opacity: 1; } 100% { transform: rotate(360deg); top: 97%; opacity: 0; } } .wrap_snowflake:nth-of-type(163) { animation-name: snowflake-163; animation-delay: 15s; animation-duration: 10s; animation-iteration-count: infinite; left: 19%; top: -95%; } .wrap_snowflake:nth-of-type(163):after { font-size: 19px; } @Keyframes snowflake-163 { 0% { transform: rotate(0deg); left: 19%; top: -95%; } 25% { left: 20%; } 50% { left: 19%; } 75% { left: 21%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(164) { animation-name: snowflake-164; animation-delay: 5s; animation-duration: 10s; animation-iteration-count: infinite; left: 32%; top: -67%; } .wrap_snowflake:nth-of-type(164):after { font-size: 15px; } @Keyframes snowflake-164 { 0% { transform: rotate(0deg); left: 32%; top: -67%; } 25% { left: 33%; } 50% { left: 32%; } 75% { left: 34%; opacity: 1; } 100% { transform: rotate(360deg); top: 107%; opacity: 0; } } .wrap_snowflake:nth-of-type(165) { animation-name: snowflake-165; animation-delay: 0s; animation-duration: 6s; animation-iteration-count: infinite; left: 21%; top: -90%; } .wrap_snowflake:nth-of-type(165):after { font-size: 5px; } @Keyframes snowflake-165 { 0% { transform: rotate(0deg); left: 21%; top: -90%; } 25% { left: 22%; } 50% { left: 21%; } 75% { left: 23%; opacity: 1; } 100% { transform: rotate(360deg); top: 130%; opacity: 0; } } .wrap_snowflake:nth-of-type(166) { animation-name: snowflake-166; animation-delay: 19s; animation-duration: 9s; animation-iteration-count: infinite; left: 92%; top: -92%; } .wrap_snowflake:nth-of-type(166):after { font-size: 5px; } @Keyframes snowflake-166 { 0% { transform: rotate(0deg); left: 92%; top: -92%; } 25% { left: 93%; } 50% { left: 92%; } 75% { left: 94%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(167) { animation-name: snowflake-167; animation-delay: 10s; animation-duration: 5s; animation-iteration-count: infinite; left: 62%; top: -59%; } .wrap_snowflake:nth-of-type(167):after { font-size: 5px; } @Keyframes snowflake-167 { 0% { transform: rotate(0deg); left: 62%; top: -59%; } 25% { left: 63%; } 50% { left: 62%; } 75% { left: 64%; opacity: 1; } 100% { transform: rotate(360deg); top: 99%; opacity: 0; } } .wrap_snowflake:nth-of-type(168) { animation-name: snowflake-168; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 41%; top: -77%; } .wrap_snowflake:nth-of-type(168):after { font-size: 23px; } @Keyframes snowflake-168 { 0% { transform: rotate(0deg); left: 41%; top: -77%; } 25% { left: 42%; } 50% { left: 41%; } 75% { left: 43%; opacity: 1; } 100% { transform: rotate(360deg); top: 117%; opacity: 0; } } .wrap_snowflake:nth-of-type(169) { animation-name: snowflake-169; animation-delay: 3s; animation-duration: 7s; animation-iteration-count: infinite; left: 79%; top: -68%; } .wrap_snowflake:nth-of-type(169):after { font-size: 5px; } @Keyframes snowflake-169 { 0% { transform: rotate(0deg); left: 79%; top: -68%; } 25% { left: 80%; } 50% { left: 79%; } 75% { left: 81%; opacity: 1; } 100% { transform: rotate(360deg); top: 108%; opacity: 0; } } .wrap_snowflake:nth-of-type(170) { animation-name: snowflake-170; animation-delay: 3s; animation-duration: 5s; animation-iteration-count: infinite; left: 27%; top: -53%; } .wrap_snowflake:nth-of-type(170):after { font-size: 19px; } @Keyframes snowflake-170 { 0% { transform: rotate(0deg); left: 27%; top: -53%; } 25% { left: 28%; } 50% { left: 27%; } 75% { left: 29%; opacity: 1; } 100% { transform: rotate(360deg); top: 93%; opacity: 0; } } .wrap_snowflake:nth-of-type(171) { animation-name: snowflake-171; animation-delay: 8s; animation-duration: 5s; animation-iteration-count: infinite; left: 93%; top: -95%; } .wrap_snowflake:nth-of-type(171):after { font-size: 8px; } @Keyframes snowflake-171 { 0% { transform: rotate(0deg); left: 93%; top: -95%; } 25% { left: 94%; } 50% { left: 93%; } 75% { left: 95%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(172) { animation-name: snowflake-172; animation-delay: 1s; animation-duration: 7s; animation-iteration-count: infinite; left: 85%; top: -79%; } .wrap_snowflake:nth-of-type(172):after { font-size: 3px; } @Keyframes snowflake-172 { 0% { transform: rotate(0deg); left: 85%; top: -79%; } 25% { left: 86%; } 50% { left: 85%; } 75% { left: 87%; opacity: 1; } 100% { transform: rotate(360deg); top: 119%; opacity: 0; } } .wrap_snowflake:nth-of-type(173) { animation-name: snowflake-173; animation-delay: 10s; animation-duration: 10s; animation-iteration-count: infinite; left: 80%; top: -93%; } .wrap_snowflake:nth-of-type(173):after { font-size: 19px; } @Keyframes snowflake-173 { 0% { transform: rotate(0deg); left: 80%; top: -93%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(174) { animation-name: snowflake-174; animation-delay: 16s; animation-duration: 9s; animation-iteration-count: infinite; left: 4%; top: -58%; } .wrap_snowflake:nth-of-type(174):after { font-size: 21px; } @Keyframes snowflake-174 { 0% { transform: rotate(0deg); left: 4%; top: -58%; } 25% { left: 5%; } 50% { left: 4%; } 75% { left: 6%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(175) { animation-name: snowflake-175; animation-delay: 13s; animation-duration: 10s; animation-iteration-count: infinite; left: 65%; top: -60%; } .wrap_snowflake:nth-of-type(175):after { font-size: 7px; } @Keyframes snowflake-175 { 0% { transform: rotate(0deg); left: 65%; top: -60%; } 25% { left: 66%; } 50% { left: 65%; } 75% { left: 67%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(176) { animation-name: snowflake-176; animation-delay: 8s; animation-duration: 10s; animation-iteration-count: infinite; left: 27%; top: -95%; } .wrap_snowflake:nth-of-type(176):after { font-size: 22px; } @Keyframes snowflake-176 { 0% { transform: rotate(0deg); left: 27%; top: -95%; } 25% { left: 28%; } 50% { left: 27%; } 75% { left: 29%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(177) { animation-name: snowflake-177; animation-delay: 14s; animation-duration: 7s; animation-iteration-count: infinite; left: 48%; top: -94%; } .wrap_snowflake:nth-of-type(177):after { font-size: 2px; } @Keyframes snowflake-177 { 0% { transform: rotate(0deg); left: 48%; top: -94%; } 25% { left: 49%; } 50% { left: 48%; } 75% { left: 50%; opacity: 1; } 100% { transform: rotate(360deg); top: 134%; opacity: 0; } } .wrap_snowflake:nth-of-type(178) { animation-name: snowflake-178; animation-delay: 10s; animation-duration: 8s; animation-iteration-count: infinite; left: 95%; top: -96%; } .wrap_snowflake:nth-of-type(178):after { font-size: 8px; } @Keyframes snowflake-178 { 0% { transform: rotate(0deg); left: 95%; top: -96%; } 25% { left: 96%; } 50% { left: 95%; } 75% { left: 97%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(179) { animation-name: snowflake-179; animation-delay: 1s; animation-duration: 6s; animation-iteration-count: infinite; left: 77%; top: -82%; } .wrap_snowflake:nth-of-type(179):after { font-size: 7px; } @Keyframes snowflake-179 { 0% { transform: rotate(0deg); left: 77%; top: -82%; } 25% { left: 78%; } 50% { left: 77%; } 75% { left: 79%; opacity: 1; } 100% { transform: rotate(360deg); top: 122%; opacity: 0; } } .wrap_snowflake:nth-of-type(180) { animation-name: snowflake-180; animation-delay: 6s; animation-duration: 10s; animation-iteration-count: infinite; left: 37%; top: -84%; } .wrap_snowflake:nth-of-type(180):after { font-size: 11px; } @Keyframes snowflake-180 { 0% { transform: rotate(0deg); left: 37%; top: -84%; } 25% { left: 38%; } 50% { left: 37%; } 75% { left: 39%; opacity: 1; } 100% { transform: rotate(360deg); top: 124%; opacity: 0; } } .wrap_snowflake:nth-of-type(181) { animation-name: snowflake-181; animation-delay: 15s; animation-duration: 8s; animation-iteration-count: infinite; left: 97%; top: -63%; } .wrap_snowflake:nth-of-type(181):after { font-size: 17px; } @Keyframes snowflake-181 { 0% { transform: rotate(0deg); left: 97%; top: -63%; } 25% { left: 98%; } 50% { left: 97%; } 75% { left: 99%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(182) { animation-name: snowflake-182; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 38%; top: -95%; } .wrap_snowflake:nth-of-type(182):after { font-size: 1px; } @Keyframes snowflake-182 { 0% { transform: rotate(0deg); left: 38%; top: -95%; } 25% { left: 39%; } 50% { left: 38%; } 75% { left: 40%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(183) { animation-name: snowflake-183; animation-delay: 6s; animation-duration: 5s; animation-iteration-count: infinite; left: 14%; top: -68%; } .wrap_snowflake:nth-of-type(183):after { font-size: 1px; } @Keyframes snowflake-183 { 0% { transform: rotate(0deg); left: 14%; top: -68%; } 25% { left: 15%; } 50% { left: 14%; } 75% { left: 16%; opacity: 1; } 100% { transform: rotate(360deg); top: 108%; opacity: 0; } } .wrap_snowflake:nth-of-type(184) { animation-name: snowflake-184; animation-delay: 0s; animation-duration: 7s; animation-iteration-count: infinite; left: 45%; top: -72%; } .wrap_snowflake:nth-of-type(184):after { font-size: 8px; } @Keyframes snowflake-184 { 0% { transform: rotate(0deg); left: 45%; top: -72%; } 25% { left: 46%; } 50% { left: 45%; } 75% { left: 47%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(185) { animation-name: snowflake-185; animation-delay: 7s; animation-duration: 6s; animation-iteration-count: infinite; left: 25%; top: -94%; } .wrap_snowflake:nth-of-type(185):after { font-size: 23px; } @Keyframes snowflake-185 { 0% { transform: rotate(0deg); left: 25%; top: -94%; } 25% { left: 26%; } 50% { left: 25%; } 75% { left: 27%; opacity: 1; } 100% { transform: rotate(360deg); top: 134%; opacity: 0; } } .wrap_snowflake:nth-of-type(186) { animation-name: snowflake-186; animation-delay: 14s; animation-duration: 6s; animation-iteration-count: infinite; left: 92%; top: -75%; } .wrap_snowflake:nth-of-type(186):after { font-size: 19px; } @Keyframes snowflake-186 { 0% { transform: rotate(0deg); left: 92%; top: -75%; } 25% { left: 93%; } 50% { left: 92%; } 75% { left: 94%; opacity: 1; } 100% { transform: rotate(360deg); top: 115%; opacity: 0; } } .wrap_snowflake:nth-of-type(187) { animation-name: snowflake-187; animation-delay: 10s; animation-duration: 10s; animation-iteration-count: infinite; left: 42%; top: -81%; } .wrap_snowflake:nth-of-type(187):after { font-size: 16px; } @Keyframes snowflake-187 { 0% { transform: rotate(0deg); left: 42%; top: -81%; } 25% { left: 43%; } 50% { left: 42%; } 75% { left: 44%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(188) { animation-name: snowflake-188; animation-delay: 0s; animation-duration: 7s; animation-iteration-count: infinite; left: 87%; top: -99%; } .wrap_snowflake:nth-of-type(188):after { font-size: 13px; } @Keyframes snowflake-188 { 0% { transform: rotate(0deg); left: 87%; top: -99%; } 25% { left: 88%; } 50% { left: 87%; } 75% { left: 89%; opacity: 1; } 100% { transform: rotate(360deg); top: 139%; opacity: 0; } } .wrap_snowflake:nth-of-type(189) { animation-name: snowflake-189; animation-delay: 11s; animation-duration: 9s; animation-iteration-count: infinite; left: 71%; top: -82%; } .wrap_snowflake:nth-of-type(189):after { font-size: 20px; } @Keyframes snowflake-189 { 0% { transform: rotate(0deg); left: 71%; top: -82%; } 25% { left: 72%; } 50% { left: 71%; } 75% { left: 73%; opacity: 1; } 100% { transform: rotate(360deg); top: 122%; opacity: 0; } } .wrap_snowflake:nth-of-type(190) { animation-name: snowflake-190; animation-delay: 14s; animation-duration: 8s; animation-iteration-count: infinite; left: 93%; top: -94%; } .wrap_snowflake:nth-of-type(190):after { font-size: 3px; } @Keyframes snowflake-190 { 0% { transform: rotate(0deg); left: 93%; top: -94%; } 25% { left: 94%; } 50% { left: 93%; } 75% { left: 95%; opacity: 1; } 100% { transform: rotate(360deg); top: 134%; opacity: 0; } } .wrap_snowflake:nth-of-type(191) { animation-name: snowflake-191; animation-delay: 4s; animation-duration: 7s; animation-iteration-count: infinite; left: 78%; top: -83%; } .wrap_snowflake:nth-of-type(191):after { font-size: 19px; } @Keyframes snowflake-191 { 0% { transform: rotate(0deg); left: 78%; top: -83%; } 25% { left: 79%; } 50% { left: 78%; } 75% { left: 80%; opacity: 1; } 100% { transform: rotate(360deg); top: 123%; opacity: 0; } } .wrap_snowflake:nth-of-type(192) { animation-name: snowflake-192; animation-delay: 18s; animation-duration: 5s; animation-iteration-count: infinite; left: 82%; top: -61%; } .wrap_snowflake:nth-of-type(192):after { font-size: 2px; } @Keyframes snowflake-192 { 0% { transform: rotate(0deg); left: 82%; top: -61%; } 25% { left: 83%; } 50% { left: 82%; } 75% { left: 84%; opacity: 1; } 100% { transform: rotate(360deg); top: 101%; opacity: 0; } } .wrap_snowflake:nth-of-type(193) { animation-name: snowflake-193; animation-delay: 6s; animation-duration: 7s; animation-iteration-count: infinite; left: 13%; top: -72%; } .wrap_snowflake:nth-of-type(193):after { font-size: 22px; } @Keyframes snowflake-193 { 0% { transform: rotate(0deg); left: 13%; top: -72%; } 25% { left: 14%; } 50% { left: 13%; } 75% { left: 15%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(194) { animation-name: snowflake-194; animation-delay: 5s; animation-duration: 6s; animation-iteration-count: infinite; left: 28%; top: -83%; } .wrap_snowflake:nth-of-type(194):after { font-size: 23px; } @Keyframes snowflake-194 { 0% { transform: rotate(0deg); left: 28%; top: -83%; } 25% { left: 29%; } 50% { left: 28%; } 75% { left: 30%; opacity: 1; } 100% { transform: rotate(360deg); top: 123%; opacity: 0; } } .wrap_snowflake:nth-of-type(195) { animation-name: snowflake-195; animation-delay: 11s; animation-duration: 5s; animation-iteration-count: infinite; left: 80%; top: -69%; } .wrap_snowflake:nth-of-type(195):after { font-size: 24px; } @Keyframes snowflake-195 { 0% { transform: rotate(0deg); left: 80%; top: -69%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 109%; opacity: 0; } } .wrap_snowflake:nth-of-type(196) { animation-name: snowflake-196; animation-delay: 16s; animation-duration: 8s; animation-iteration-count: infinite; left: 30%; top: -54%; } .wrap_snowflake:nth-of-type(196):after { font-size: 8px; } @Keyframes snowflake-196 { 0% { transform: rotate(0deg); left: 30%; top: -54%; } 25% { left: 31%; } 50% { left: 30%; } 75% { left: 32%; opacity: 1; } 100% { transform: rotate(360deg); top: 94%; opacity: 0; } } .wrap_snowflake:nth-of-type(197) { animation-name: snowflake-197; animation-delay: 19s; animation-duration: 6s; animation-iteration-count: infinite; left: 99%; top: -56%; } .wrap_snowflake:nth-of-type(197):after { font-size: 9px; } @Keyframes snowflake-197 { 0% { transform: rotate(0deg); left: 99%; top: -56%; } 25% { left: 100%; } 50% { left: 99%; } 75% { left: 101%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(198) { animation-name: snowflake-198; animation-delay: 7s; animation-duration: 8s; animation-iteration-count: infinite; left: 35%; top: -88%; } .wrap_snowflake:nth-of-type(198):after { font-size: 16px; } @Keyframes snowflake-198 { 0% { transform: rotate(0deg); left: 35%; top: -88%; } 25% { left: 36%; } 50% { left: 35%; } 75% { left: 37%; opacity: 1; } 100% { transform: rotate(360deg); top: 128%; opacity: 0; } } .wrap_snowflake:nth-of-type(199) { animation-name: snowflake-199; animation-delay: 15s; animation-duration: 7s; animation-iteration-count: infinite; left: 89%; top: -82%; } .wrap_snowflake:nth-of-type(199):after { font-size: 6px; } @Keyframes snowflake-199 { 0% { transform: rotate(0deg); left: 89%; top: -82%; } 25% { left: 90%; } 50% { left: 89%; } 75% { left: 91%; opacity: 1; } 100% { transform: rotate(360deg); top: 122%; opacity: 0; } } .wrap_snowflake:nth-of-type(200) { animation-name: snowflake-200; animation-delay: 16s; animation-duration: 5s; animation-iteration-count: infinite; left: 62%; top: -71%; } .wrap_snowflake:nth-of-type(200):after { font-size: 24px; } @Keyframes snowflake-200 { 0% { transform: rotate(0deg); left: 62%; top: -71%; } 25% { left: 63%; } 50% { left: 62%; } 75% { left: 64%; opacity: 1; } 100% { transform: rotate(360deg); top: 111%; opacity: 0; } } .wrap_snowflake:nth-of-type(201) { animation-name: snowflake-201; animation-delay: 15s; animation-duration: 7s; animation-iteration-count: infinite; left: 68%; top: -76%; } .wrap_snowflake:nth-of-type(201):after { font-size: 24px; } @Keyframes snowflake-201 { 0% { transform: rotate(0deg); left: 68%; top: -76%; } 25% { left: 69%; } 50% { left: 68%; } 75% { left: 70%; opacity: 1; } 100% { transform: rotate(360deg); top: 116%; opacity: 0; } } .wrap_snowflake:nth-of-type(202) { animation-name: snowflake-202; animation-delay: 10s; animation-duration: 5s; animation-iteration-count: infinite; left: 81%; top: -62%; } .wrap_snowflake:nth-of-type(202):after { font-size: 12px; } @Keyframes snowflake-202 { 0% { transform: rotate(0deg); left: 81%; top: -62%; } 25% { left: 82%; } 50% { left: 81%; } 75% { left: 83%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(203) { animation-name: snowflake-203; animation-delay: 8s; animation-duration: 9s; animation-iteration-count: infinite; left: 4%; top: -63%; } .wrap_snowflake:nth-of-type(203):after { font-size: 14px; } @Keyframes snowflake-203 { 0% { transform: rotate(0deg); left: 4%; top: -63%; } 25% { left: 5%; } 50% { left: 4%; } 75% { left: 6%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(204) { animation-name: snowflake-204; animation-delay: 13s; animation-duration: 5s; animation-iteration-count: infinite; left: 69%; top: -60%; } .wrap_snowflake:nth-of-type(204):after { font-size: 2px; } @Keyframes snowflake-204 { 0% { transform: rotate(0deg); left: 69%; top: -60%; } 25% { left: 70%; } 50% { left: 69%; } 75% { left: 71%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(205) { animation-name: snowflake-205; animation-delay: 16s; animation-duration: 5s; animation-iteration-count: infinite; left: 92%; top: -67%; } .wrap_snowflake:nth-of-type(205):after { font-size: 18px; } @Keyframes snowflake-205 { 0% { transform: rotate(0deg); left: 92%; top: -67%; } 25% { left: 93%; } 50% { left: 92%; } 75% { left: 94%; opacity: 1; } 100% { transform: rotate(360deg); top: 107%; opacity: 0; } } .wrap_snowflake:nth-of-type(206) { animation-name: snowflake-206; animation-delay: 2s; animation-duration: 7s; animation-iteration-count: infinite; left: 17%; top: -76%; } .wrap_snowflake:nth-of-type(206):after { font-size: 9px; } @Keyframes snowflake-206 { 0% { transform: rotate(0deg); left: 17%; top: -76%; } 25% { left: 18%; } 50% { left: 17%; } 75% { left: 19%; opacity: 1; } 100% { transform: rotate(360deg); top: 116%; opacity: 0; } } .wrap_snowflake:nth-of-type(207) { animation-name: snowflake-207; animation-delay: 0s; animation-duration: 9s; animation-iteration-count: infinite; left: 86%; top: -70%; } .wrap_snowflake:nth-of-type(207):after { font-size: 11px; } @Keyframes snowflake-207 { 0% { transform: rotate(0deg); left: 86%; top: -70%; } 25% { left: 87%; } 50% { left: 86%; } 75% { left: 88%; opacity: 1; } 100% { transform: rotate(360deg); top: 110%; opacity: 0; } } .wrap_snowflake:nth-of-type(208) { animation-name: snowflake-208; animation-delay: 14s; animation-duration: 10s; animation-iteration-count: infinite; left: 94%; top: -65%; } .wrap_snowflake:nth-of-type(208):after { font-size: 12px; } @Keyframes snowflake-208 { 0% { transform: rotate(0deg); left: 94%; top: -65%; } 25% { left: 95%; } 50% { left: 94%; } 75% { left: 96%; opacity: 1; } 100% { transform: rotate(360deg); top: 105%; opacity: 0; } } .wrap_snowflake:nth-of-type(209) { animation-name: snowflake-209; animation-delay: 12s; animation-duration: 9s; animation-iteration-count: infinite; left: 82%; top: -76%; } .wrap_snowflake:nth-of-type(209):after { font-size: 9px; } @Keyframes snowflake-209 { 0% { transform: rotate(0deg); left: 82%; top: -76%; } 25% { left: 83%; } 50% { left: 82%; } 75% { left: 84%; opacity: 1; } 100% { transform: rotate(360deg); top: 116%; opacity: 0; } } .wrap_snowflake:nth-of-type(210) { animation-name: snowflake-210; animation-delay: 2s; animation-duration: 10s; animation-iteration-count: infinite; left: 80%; top: -85%; } .wrap_snowflake:nth-of-type(210):after { font-size: 7px; } @Keyframes snowflake-210 { 0% { transform: rotate(0deg); left: 80%; top: -85%; } 25% { left: 81%; } 50% { left: 80%; } 75% { left: 82%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(211) { animation-name: snowflake-211; animation-delay: 4s; animation-duration: 7s; animation-iteration-count: infinite; left: 31%; top: -96%; } .wrap_snowflake:nth-of-type(211):after { font-size: 6px; } @Keyframes snowflake-211 { 0% { transform: rotate(0deg); left: 31%; top: -96%; } 25% { left: 32%; } 50% { left: 31%; } 75% { left: 33%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(212) { animation-name: snowflake-212; animation-delay: 13s; animation-duration: 10s; animation-iteration-count: infinite; left: 98%; top: -89%; } .wrap_snowflake:nth-of-type(212):after { font-size: 20px; } @Keyframes snowflake-212 { 0% { transform: rotate(0deg); left: 98%; top: -89%; } 25% { left: 99%; } 50% { left: 98%; } 75% { left: 100%; opacity: 1; } 100% { transform: rotate(360deg); top: 129%; opacity: 0; } } .wrap_snowflake:nth-of-type(213) { animation-name: snowflake-213; animation-delay: 15s; animation-duration: 8s; animation-iteration-count: infinite; left: 82%; top: -99%; } .wrap_snowflake:nth-of-type(213):after { font-size: 2px; } @Keyframes snowflake-213 { 0% { transform: rotate(0deg); left: 82%; top: -99%; } 25% { left: 83%; } 50% { left: 82%; } 75% { left: 84%; opacity: 1; } 100% { transform: rotate(360deg); top: 139%; opacity: 0; } } .wrap_snowflake:nth-of-type(214) { animation-name: snowflake-214; animation-delay: 5s; animation-duration: 10s; animation-iteration-count: infinite; left: 81%; top: -87%; } .wrap_snowflake:nth-of-type(214):after { font-size: 13px; } @Keyframes snowflake-214 { 0% { transform: rotate(0deg); left: 81%; top: -87%; } 25% { left: 82%; } 50% { left: 81%; } 75% { left: 83%; opacity: 1; } 100% { transform: rotate(360deg); top: 127%; opacity: 0; } } .wrap_snowflake:nth-of-type(215) { animation-name: snowflake-215; animation-delay: 19s; animation-duration: 8s; animation-iteration-count: infinite; left: 79%; top: -95%; } .wrap_snowflake:nth-of-type(215):after { font-size: 17px; } @Keyframes snowflake-215 { 0% { transform: rotate(0deg); left: 79%; top: -95%; } 25% { left: 80%; } 50% { left: 79%; } 75% { left: 81%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(216) { animation-name: snowflake-216; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 22%; top: -91%; } .wrap_snowflake:nth-of-type(216):after { font-size: 8px; } @Keyframes snowflake-216 { 0% { transform: rotate(0deg); left: 22%; top: -91%; } 25% { left: 23%; } 50% { left: 22%; } 75% { left: 24%; opacity: 1; } 100% { transform: rotate(360deg); top: 131%; opacity: 0; } } .wrap_snowflake:nth-of-type(217) { animation-name: snowflake-217; animation-delay: 7s; animation-duration: 10s; animation-iteration-count: infinite; left: 19%; top: -60%; } .wrap_snowflake:nth-of-type(217):after { font-size: 3px; } @Keyframes snowflake-217 { 0% { transform: rotate(0deg); left: 19%; top: -60%; } 25% { left: 20%; } 50% { left: 19%; } 75% { left: 21%; opacity: 1; } 100% { transform: rotate(360deg); top: 100%; opacity: 0; } } .wrap_snowflake:nth-of-type(218) { animation-name: snowflake-218; animation-delay: 4s; animation-duration: 10s; animation-iteration-count: infinite; left: 81%; top: -85%; } .wrap_snowflake:nth-of-type(218):after { font-size: 18px; } @Keyframes snowflake-218 { 0% { transform: rotate(0deg); left: 81%; top: -85%; } 25% { left: 82%; } 50% { left: 81%; } 75% { left: 83%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(219) { animation-name: snowflake-219; animation-delay: 7s; animation-duration: 6s; animation-iteration-count: infinite; left: 62%; top: -72%; } .wrap_snowflake:nth-of-type(219):after { font-size: 22px; } @Keyframes snowflake-219 { 0% { transform: rotate(0deg); left: 62%; top: -72%; } 25% { left: 63%; } 50% { left: 62%; } 75% { left: 64%; opacity: 1; } 100% { transform: rotate(360deg); top: 112%; opacity: 0; } } .wrap_snowflake:nth-of-type(220) { animation-name: snowflake-220; animation-delay: 3s; animation-duration: 9s; animation-iteration-count: infinite; left: 72%; top: -96%; } .wrap_snowflake:nth-of-type(220):after { font-size: 4px; } @Keyframes snowflake-220 { 0% { transform: rotate(0deg); left: 72%; top: -96%; } 25% { left: 73%; } 50% { left: 72%; } 75% { left: 74%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(221) { animation-name: snowflake-221; animation-delay: 2s; animation-duration: 7s; animation-iteration-count: infinite; left: 50%; top: -85%; } .wrap_snowflake:nth-of-type(221):after { font-size: 24px; } @Keyframes snowflake-221 { 0% { transform: rotate(0deg); left: 50%; top: -85%; } 25% { left: 51%; } 50% { left: 50%; } 75% { left: 52%; opacity: 1; } 100% { transform: rotate(360deg); top: 125%; opacity: 0; } } .wrap_snowflake:nth-of-type(222) { animation-name: snowflake-222; animation-delay: 19s; animation-duration: 9s; animation-iteration-count: infinite; left: 70%; top: -63%; } .wrap_snowflake:nth-of-type(222):after { font-size: 13px; } @Keyframes snowflake-222 { 0% { transform: rotate(0deg); left: 70%; top: -63%; } 25% { left: 71%; } 50% { left: 70%; } 75% { left: 72%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(223) { animation-name: snowflake-223; animation-delay: 9s; animation-duration: 9s; animation-iteration-count: infinite; left: 51%; top: -100%; } .wrap_snowflake:nth-of-type(223):after { font-size: 7px; } @Keyframes snowflake-223 { 0% { transform: rotate(0deg); left: 51%; top: -100%; } 25% { left: 52%; } 50% { left: 51%; } 75% { left: 53%; opacity: 1; } 100% { transform: rotate(360deg); top: 140%; opacity: 0; } } .wrap_snowflake:nth-of-type(224) { animation-name: snowflake-224; animation-delay: 2s; animation-duration: 7s; animation-iteration-count: infinite; left: 82%; top: -63%; } .wrap_snowflake:nth-of-type(224):after { font-size: 9px; } @Keyframes snowflake-224 { 0% { transform: rotate(0deg); left: 82%; top: -63%; } 25% { left: 83%; } 50% { left: 82%; } 75% { left: 84%; opacity: 1; } 100% { transform: rotate(360deg); top: 103%; opacity: 0; } } .wrap_snowflake:nth-of-type(225) { animation-name: snowflake-225; animation-delay: 2s; animation-duration: 8s; animation-iteration-count: infinite; left: 52%; top: -89%; } .wrap_snowflake:nth-of-type(225):after { font-size: 10px; } @Keyframes snowflake-225 { 0% { transform: rotate(0deg); left: 52%; top: -89%; } 25% { left: 53%; } 50% { left: 52%; } 75% { left: 54%; opacity: 1; } 100% { transform: rotate(360deg); top: 129%; opacity: 0; } } .wrap_snowflake:nth-of-type(226) { animation-name: snowflake-226; animation-delay: 5s; animation-duration: 7s; animation-iteration-count: infinite; left: 54%; top: -55%; } .wrap_snowflake:nth-of-type(226):after { font-size: 18px; } @Keyframes snowflake-226 { 0% { transform: rotate(0deg); left: 54%; top: -55%; } 25% { left: 55%; } 50% { left: 54%; } 75% { left: 56%; opacity: 1; } 100% { transform: rotate(360deg); top: 95%; opacity: 0; } } .wrap_snowflake:nth-of-type(227) { animation-name: snowflake-227; animation-delay: 15s; animation-duration: 5s; animation-iteration-count: infinite; left: 16%; top: -80%; } .wrap_snowflake:nth-of-type(227):after { font-size: 4px; } @Keyframes snowflake-227 { 0% { transform: rotate(0deg); left: 16%; top: -80%; } 25% { left: 17%; } 50% { left: 16%; } 75% { left: 18%; opacity: 1; } 100% { transform: rotate(360deg); top: 120%; opacity: 0; } } .wrap_snowflake:nth-of-type(228) { animation-name: snowflake-228; animation-delay: 17s; animation-duration: 8s; animation-iteration-count: infinite; left: 66%; top: -81%; } .wrap_snowflake:nth-of-type(228):after { font-size: 5px; } @Keyframes snowflake-228 { 0% { transform: rotate(0deg); left: 66%; top: -81%; } 25% { left: 67%; } 50% { left: 66%; } 75% { left: 68%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(229) { animation-name: snowflake-229; animation-delay: 3s; animation-duration: 8s; animation-iteration-count: infinite; left: 91%; top: -70%; } .wrap_snowflake:nth-of-type(229):after { font-size: 2px; } @Keyframes snowflake-229 { 0% { transform: rotate(0deg); left: 91%; top: -70%; } 25% { left: 92%; } 50% { left: 91%; } 75% { left: 93%; opacity: 1; } 100% { transform: rotate(360deg); top: 110%; opacity: 0; } } .wrap_snowflake:nth-of-type(230) { animation-name: snowflake-230; animation-delay: 0s; animation-duration: 6s; animation-iteration-count: infinite; left: 12%; top: -96%; } .wrap_snowflake:nth-of-type(230):after { font-size: 4px; } @Keyframes snowflake-230 { 0% { transform: rotate(0deg); left: 12%; top: -96%; } 25% { left: 13%; } 50% { left: 12%; } 75% { left: 14%; opacity: 1; } 100% { transform: rotate(360deg); top: 136%; opacity: 0; } } .wrap_snowflake:nth-of-type(231) { animation-name: snowflake-231; animation-delay: 16s; animation-duration: 5s; animation-iteration-count: infinite; left: 6%; top: -58%; } .wrap_snowflake:nth-of-type(231):after { font-size: 19px; } @Keyframes snowflake-231 { 0% { transform: rotate(0deg); left: 6%; top: -58%; } 25% { left: 7%; } 50% { left: 6%; } 75% { left: 8%; opacity: 1; } 100% { transform: rotate(360deg); top: 98%; opacity: 0; } } .wrap_snowflake:nth-of-type(232) { animation-name: snowflake-232; animation-delay: 1s; animation-duration: 9s; animation-iteration-count: infinite; left: 50%; top: -64%; } .wrap_snowflake:nth-of-type(232):after { font-size: 15px; } @Keyframes snowflake-232 { 0% { transform: rotate(0deg); left: 50%; top: -64%; } 25% { left: 51%; } 50% { left: 50%; } 75% { left: 52%; opacity: 1; } 100% { transform: rotate(360deg); top: 104%; opacity: 0; } } .wrap_snowflake:nth-of-type(233) { animation-name: snowflake-233; animation-delay: 8s; animation-duration: 7s; animation-iteration-count: infinite; left: 29%; top: -51%; } .wrap_snowflake:nth-of-type(233):after { font-size: 20px; } @Keyframes snowflake-233 { 0% { transform: rotate(0deg); left: 29%; top: -51%; } 25% { left: 30%; } 50% { left: 29%; } 75% { left: 31%; opacity: 1; } 100% { transform: rotate(360deg); top: 91%; opacity: 0; } } .wrap_snowflake:nth-of-type(234) { animation-name: snowflake-234; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 18%; top: -62%; } .wrap_snowflake:nth-of-type(234):after { font-size: 9px; } @Keyframes snowflake-234 { 0% { transform: rotate(0deg); left: 18%; top: -62%; } 25% { left: 19%; } 50% { left: 18%; } 75% { left: 20%; opacity: 1; } 100% { transform: rotate(360deg); top: 102%; opacity: 0; } } .wrap_snowflake:nth-of-type(235) { animation-name: snowflake-235; animation-delay: 6s; animation-duration: 5s; animation-iteration-count: infinite; left: 81%; top: -81%; } .wrap_snowflake:nth-of-type(235):after { font-size: 1px; } @Keyframes snowflake-235 { 0% { transform: rotate(0deg); left: 81%; top: -81%; } 25% { left: 82%; } 50% { left: 81%; } 75% { left: 83%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(236) { animation-name: snowflake-236; animation-delay: 1s; animation-duration: 10s; animation-iteration-count: infinite; left: 78%; top: -95%; } .wrap_snowflake:nth-of-type(236):after { font-size: 11px; } @Keyframes snowflake-236 { 0% { transform: rotate(0deg); left: 78%; top: -95%; } 25% { left: 79%; } 50% { left: 78%; } 75% { left: 80%; opacity: 1; } 100% { transform: rotate(360deg); top: 135%; opacity: 0; } } .wrap_snowflake:nth-of-type(237) { animation-name: snowflake-237; animation-delay: 3s; animation-duration: 10s; animation-iteration-count: infinite; left: 47%; top: -92%; } .wrap_snowflake:nth-of-type(237):after { font-size: 16px; } @Keyframes snowflake-237 { 0% { transform: rotate(0deg); left: 47%; top: -92%; } 25% { left: 48%; } 50% { left: 47%; } 75% { left: 49%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(238) { animation-name: snowflake-238; animation-delay: 8s; animation-duration: 9s; animation-iteration-count: infinite; left: 23%; top: -89%; } .wrap_snowflake:nth-of-type(238):after { font-size: 15px; } @Keyframes snowflake-238 { 0% { transform: rotate(0deg); left: 23%; top: -89%; } 25% { left: 24%; } 50% { left: 23%; } 75% { left: 25%; opacity: 1; } 100% { transform: rotate(360deg); top: 129%; opacity: 0; } } .wrap_snowflake:nth-of-type(239) { animation-name: snowflake-239; animation-delay: 8s; animation-duration: 6s; animation-iteration-count: infinite; left: 91%; top: -77%; } .wrap_snowflake:nth-of-type(239):after { font-size: 13px; } @Keyframes snowflake-239 { 0% { transform: rotate(0deg); left: 91%; top: -77%; } 25% { left: 92%; } 50% { left: 91%; } 75% { left: 93%; opacity: 1; } 100% { transform: rotate(360deg); top: 117%; opacity: 0; } } .wrap_snowflake:nth-of-type(240) { animation-name: snowflake-240; animation-delay: 2s; animation-duration: 6s; animation-iteration-count: infinite; left: 98%; top: -92%; } .wrap_snowflake:nth-of-type(240):after { font-size: 21px; } @Keyframes snowflake-240 { 0% { transform: rotate(0deg); left: 98%; top: -92%; } 25% { left: 99%; } 50% { left: 98%; } 75% { left: 100%; opacity: 1; } 100% { transform: rotate(360deg); top: 132%; opacity: 0; } } .wrap_snowflake:nth-of-type(241) { animation-name: snowflake-241; animation-delay: 6s; animation-duration: 10s; animation-iteration-count: infinite; left: 6%; top: -81%; } .wrap_snowflake:nth-of-type(241):after { font-size: 17px; } @Keyframes snowflake-241 { 0% { transform: rotate(0deg); left: 6%; top: -81%; } 25% { left: 7%; } 50% { left: 6%; } 75% { left: 8%; opacity: 1; } 100% { transform: rotate(360deg); top: 121%; opacity: 0; } } .wrap_snowflake:nth-of-type(242) { animation-name: snowflake-242; animation-delay: 6s; animation-duration: 10s; animation-iteration-count: infinite; left: 87%; top: -75%; } .wrap_snowflake:nth-of-type(242):after { font-size: 8px; } @Keyframes snowflake-242 { 0% { transform: rotate(0deg); left: 87%; top: -75%; } 25% { left: 88%; } 50% { left: 87%; } 75% { left: 89%; opacity: 1; } 100% { transform: rotate(360deg); top: 115%; opacity: 0; } } .wrap_snowflake:nth-of-type(243) { animation-name: snowflake-243; animation-delay: 11s; animation-duration: 6s; animation-iteration-count: infinite; left: 58%; top: -93%; } .wrap_snowflake:nth-of-type(243):after { font-size: 22px; } @Keyframes snowflake-243 { 0% { transform: rotate(0deg); left: 58%; top: -93%; } 25% { left: 59%; } 50% { left: 58%; } 75% { left: 60%; opacity: 1; } 100% { transform: rotate(360deg); top: 133%; opacity: 0; } } .wrap_snowflake:nth-of-type(244) { animation-name: snowflake-244; animation-delay: 13s; animation-duration: 6s; animation-iteration-count: infinite; left: 88%; top: -56%; } .wrap_snowflake:nth-of-type(244):after { font-size: 2px; } @Keyframes snowflake-244 { 0% { transform: rotate(0deg); left: 88%; top: -56%; } 25% { left: 89%; } 50% { left: 88%; } 75% { left: 90%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } } .wrap_snowflake:nth-of-type(245) { animation-name: snowflake-245; animation-delay: 15s; animation-duration: 9s; animation-iteration-count: infinite; left: 45%; top: -68%; } .wrap_snowflake:nth-of-type(245):after { font-size: 12px; } @Keyframes snowflake-245 { 0% { transform: rotate(0deg); left: 45%; top: -68%; } 25% { left: 46%; } 50% { left: 45%; } 75% { left: 47%; opacity: 1; } 100% { transform: rotate(360deg); top: 108%; opacity: 0; } } .wrap_snowflake:nth-of-type(246) { animation-name: snowflake-246; animation-delay: 4s; animation-duration: 7s; animation-iteration-count: infinite; left: 35%; top: -88%; } .wrap_snowflake:nth-of-type(246):after { font-size: 14px; } @Keyframes snowflake-246 { 0% { transform: rotate(0deg); left: 35%; top: -88%; } 25% { left: 36%; } 50% { left: 35%; } 75% { left: 37%; opacity: 1; } 100% { transform: rotate(360deg); top: 128%; opacity: 0; } } .wrap_snowflake:nth-of-type(247) { animation-name: snowflake-247; animation-delay: 7s; animation-duration: 9s; animation-iteration-count: infinite; left: 64%; top: -74%; } .wrap_snowflake:nth-of-type(247):after { font-size: 24px; } @Keyframes snowflake-247 { 0% { transform: rotate(0deg); left: 64%; top: -74%; } 25% { left: 65%; } 50% { left: 64%; } 75% { left: 66%; opacity: 1; } 100% { transform: rotate(360deg); top: 114%; opacity: 0; } } .wrap_snowflake:nth-of-type(248) { animation-name: snowflake-248; animation-delay: 10s; animation-duration: 7s; animation-iteration-count: infinite; left: 5%; top: -65%; } .wrap_snowflake:nth-of-type(248):after { font-size: 19px; } @Keyframes snowflake-248 { 0% { transform: rotate(0deg); left: 5%; top: -65%; } 25% { left: 6%; } 50% { left: 5%; } 75% { left: 7%; opacity: 1; } 100% { transform: rotate(360deg); top: 105%; opacity: 0; } } .wrap_snowflake:nth-of-type(249) { animation-name: snowflake-249; animation-delay: 3s; animation-duration: 6s; animation-iteration-count: infinite; left: 45%; top: -75%; } .wrap_snowflake:nth-of-type(249):after { font-size: 12px; } @Keyframes snowflake-249 { 0% { transform: rotate(0deg); left: 45%; top: -75%; } 25% { left: 46%; } 50% { left: 45%; } 75% { left: 47%; opacity: 1; } 100% { transform: rotate(360deg); top: 115%; opacity: 0; } } .wrap_snowflake:nth-of-type(250) { animation-name: snowflake-250; animation-delay: 2s; animation-duration: 7s; animation-iteration-count: infinite; left: 79%; top: -56%; } .wrap_snowflake:nth-of-type(250):after { font-size: 21px; } @Keyframes snowflake-250 { 0% { transform: rotate(0deg); left: 79%; top: -56%; } 25% { left: 80%; } 50% { left: 79%; } 75% { left: 81%; opacity: 1; } 100% { transform: rotate(360deg); top: 96%; opacity: 0; } }