css 随机 数,CSS3 随机数据流

CSS

语言：

CSSSCSS

确定

@import url(http://fonts.googleapis.com/css?family=Lato:700,900);

*,

*:before,

*:after {

margin: 0;

padding: 0;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

html,

body {

width: 100%;

height: 100%;

}

body {

background-color: #252526;

font-size: 100%;

font-family: 'Lato', sans-serif;

text-align: center;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

}

@media screen and (max-width: 20em) {

body {

font-size: 90%;

}

}

.dataFlow {

position: relative;

background-image: -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13), -webkit-linear-gradient(#e74f13, #e74f13);

background-image: linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13), linear-gradient(#e74f13, #e74f13);

background-repeat: no-repeat;

background-size: 3% 0.6%;

-webkit-animation: lft-rght 100s infinite linear;

animation: lft-rght 100s infinite linear;

}

@-webkit-keyframes lft-rght {

0% {

background-position: 90% 33%, 104% 86%, 99% 85%, 46% 2%, 67% 39%, 55% 94%, 86% 17%, 9% 1%, 30% 13%, 39% 90%, 15% 91%, 53% 24%, 69% 58%, -22% 97%, 16% 75%;

}

1% {

background-position: 52% 33%, 81% 86%, 99% 85%, 13% 2%, 75% 39%, 112% 94%, 39% 17%, 74% 1%, 83% 13%, 70% 90%, 108% 91%, 21% 24%, 124% 58%, 118% 97%, 77% 75%;

}

2% {

background-position: -4% 33%, 27% 86%, -13% 85%, 7% 2%, 32% 39%, 33% 94%, 51% 17%, 115% 1%, 54% 13%, 123% 90%, 95% 91%, 111% 24%, -2% 58%, 109% 97%, 23% 75%;

}

3% {

background-position: 40% 33%, 111% 86%, 22% 85%, 107% 2%, 8% 39%, 117% 94%, 67% 17%, 98% 1%, 23% 13%, 0% 90%, 123% 91%, 0% 24%, 25% 58%, 78% 97%, 41% 75%;

}

4% {

background-position: -5% 33%, 0% 86%, 65% 85%, 35% 2%, -9% 39%, 102% 94%, -10% 17%, 96% 1%, 5% 13%, 30% 90%, 68% 91%, 114% 24%, 101% 58%, 111% 97%, 44% 75%;

}

5% {

background-position: 104% 33%, 37% 86%, 112% 85%, 114% 2%, 118% 39%, 7% 94%, -2% 17%, -3% 1%, 105% 13%, 88% 90%, 65% 91%, 18% 24%, 52% 58%, 13% 97%, 27% 75%;

}

6% {

background-position: -24% 33%, 86% 86%, 69% 85%, 16% 2%, -11% 39%, 15% 94%, -14% 17%, -10% 1%, 2% 13%, 118% 90%, 2% 91%, 27% 24%, 29% 58%, 78% 97%, 83% 75%;

}

7% {

background-position: 63% 33%, 111% 86%, 43% 85%, 3% 2%, -4% 39%, 78% 94%, 39% 17%, 21% 1%, 33% 13%, -22% 90%, 50% 91%, 89% 24%, 11% 58%, 8% 97%, 24% 75%;

}

8% {

background-position: 75% 33%, 49% 86%, 89% 85%, 50% 2%, 12% 39%, 31% 94%, 88% 17%, 62% 1%, 42% 13%, -19% 90%, 59% 91%, 32% 24%, 30% 58%, 8% 97%, 93% 75%;

}

9% {

background-position: -24% 33%, 39% 86%, -2% 85%, 97% 2%, 25% 39%, -15% 94%, 14% 17%, 6% 1%, 56% 13%, 45% 90%, 72% 91%, 108% 24%, 52% 58%, 26% 97%, 60% 75%;

}

10% {

background-position: 81% 33%, 111% 86%, -2% 85%, -24% 2%, 58% 39%, 21% 94%, -9% 17%, -11% 1%, 26% 13%, 100% 90%, 81% 91%, 64% 24%, 43% 58%, 99% 97%, 63% 75%;

}

11% {

background-position: 78% 33%, 59% 86%, 20% 85%, 104% 2%, 67% 39%, 82% 94%, 109% 17%, 91% 1%, 108% 13%, 118% 90%, -23% 91%, 122% 24%, -15% 58%, 36% 97%, 111% 75%;

}

12% {

background-position: 58% 33%, 51% 86%, 61% 85%, 40% 2%, -24% 39%, 42% 94%, 36% 17%, 68% 1%, 122% 13%, 39% 90%, 41% 91%, 103% 24%, 54% 58%, 42% 97%, -22% 75%;

}

13% {

background-position: 94% 33%, 60% 86%, 23% 85%, 105% 2%, 8% 39%, 30% 94%, 12% 17%, 89% 1%, 98% 13%, 23% 90%, 103% 91%, 28% 24%, 90% 58%, 64% 97%, 123% 75%;

}

14% {

background-position: -7% 33%, 36% 86%, 125% 85%, -17% 2%, 58% 39%, 97% 94%, 25% 17%, 4% 1%, 29% 13%, 72% 90%, 79% 91%, 74% 24%, -6% 58%, 40% 97%, 62% 75%;

}

15% {

background-position: -12% 33%, 44% 86%, 0% 85%, 72% 2%, 60% 39%, 42% 94%, 67% 17%, 81% 1%, 110% 13%, -4% 90%, 115% 91%, 118% 24%, 47% 58%, -21% 97%, 11% 75%;

}

16% {

background-position: 0% 33%, -9% 86%, -6% 85%, 50% 2%, 57% 39%, 85% 94%, 121% 17%, 19% 1%, -8% 13%, 25% 90%, 88% 91%, -22% 24%, 120% 58%, 63% 97%, 49% 75%;

}

17% {

background-position: -15% 33%, 100% 86%, -11% 85%, 31% 2%, 68% 39%, 12% 94%, 58% 17%, 89% 1%, 121% 13%, 24% 90%, 15% 91%, 25% 24%, 70% 58%, 114% 97%, 21% 75%;

}

18% {

background-position: 22% 33%, 44% 86%, 96% 85%, 97% 2%, -23% 39%, 90% 94%, 97% 17%, 18% 1%, -17% 13%, 35% 90%, 79% 91%, 74% 24%, 83% 58%, 49% 97%, 12% 75%;

}

19% {

background-position: -19% 33%, 62% 86%, 86% 85%, 31% 2%, 85% 39%, 37% 94%, 77% 17%, 106% 1%, 9% 13%, 66% 90%, 46% 91%, 42% 24%, -14% 58%, 46% 97%, 55% 75%;

}

20% {

background-position: 40% 33%, 101% 86%, 117% 85%, -18% 2%, 60% 39%, 26% 94%, -19% 17%, 107% 1%, -12% 13%, 119% 90%, 62% 91%, 62% 24%, 86% 58%, 80% 97%, -18% 75%;

}

21% {

background-position: -3% 33%, 30% 86%, 111% 85%, 72% 2%, 40% 39%, 104% 94%, 119% 17%, 2% 1%, 54% 13%, 8% 90%, 42% 91%, 16% 24%, 59% 58%, 7% 97%, -20% 75%;

}

22% {

background-position: 63% 33%, 73% 86%, 93% 85%, 4% 2%, 117% 39%, 32% 94%, 55% 17%, 85% 1%, -20% 13%, 6% 90%, 79% 91%, 43% 24%, 28% 58%, 25% 97%, 89% 75%;

}

23% {

background-position: 86% 33%, 49% 86%, 5% 85%, 79% 2%, -9% 39%, 102% 94%, 109% 17%, 56% 1%, 39% 13%, -18% 90%, 75% 91%, 75% 24%, 63% 58%, 117% 97%, 87% 75%;

}

24% {

background-position: 36% 33%, 48% 86%, -11% 85%, 32% 2%, 46% 39%, 34% 94%, 34% 17%, -4% 1%, -2% 13%, 41% 90%, 106% 91%, -10% 24%, 90% 58%, 11% 97%, 90% 75%;

}

25% {

background-position: 100% 33%, 39% 86%, 99% 85%, -4% 2%, -12% 39%, 123% 94%, 0% 17%, 2% 1%, -3% 13%, 118% 90%, 71% 91%, 112% 24%, 71% 58%, 69% 97%, 78% 75%;

}

26% {

background-position: 21% 33%, 122% 86%, -3% 85%, -9% 2%, -15% 39%, 24% 94%, -24% 17%, 36% 1%, 62% 13%, 8% 90%, -23% 91%, -11% 24%, 122% 58%, 39% 97%, 104% 75%;

}

27% {

background-position: 48% 33%, 56% 86%, 3% 85%, 61% 2%, 112% 39%, 6% 94%, 83% 17%, 104% 1%, 46% 13%, 95% 90%, 83% 91%, 52% 24%, 60% 58%, 45% 97%, 122% 75%;

}

28% {

background-position: -9% 33%, 85% 86%, 93% 85%, 29% 2%, 14% 39%, -23% 94%, -23% 17%, 10% 1%, 26% 13%, 66% 90%, 59% 91%, 15% 24%, 48% 58%, 71% 97%, 114% 75%;

}

29% {

background-position: 120% 33%, 85% 86%, 52% 85%, -11% 2%, 112% 39%, 74% 94%, -6% 17%, 101% 1%, 57% 13%, 117% 90%, 60% 91%, -20% 24%, 0% 58%, 22% 97%, 5% 75%;

}

30% {

background-position: 57% 33%, -23% 86%, 30% 85%, -12% 2%, 69% 39%, 27% 94%, 89% 17%, 125% 1%, 124% 13%, 1% 90%, 91% 91%, 29% 24%, 8% 58%, 92% 97%, 123% 75%;

}

31% {

background-position: 110% 33%, 65% 86%, 104% 85%, 108% 2%, 102% 39%, 13% 94%, 24% 17%, 57% 1%, -12% 13%, 72% 90%, 71% 91%, 57% 24%, 108% 58%, 84% 97%, 75% 75%;

}

32% {

background-position: -18% 33%, 19% 86%, 5% 85%, 99% 2%, 43% 39%, 121% 94%, 116% 17%, 46% 1%, 1% 13%, 54% 90%, 3% 91%, 31% 24%, -10% 58%, 78% 97%, -11% 75%;

}

33% {

background-position: 31% 33%, 117% 86%, 47% 85%, 20% 2%, 92% 39%, 59% 94%, -20% 17%, 20% 1%, -6% 13%, 54% 90%, 121% 91%, 47% 24%, 98% 58%, 96% 97%, 31% 75%;

}

34% {

background-position: 68% 33%, 1% 86%, 20% 85%, -20% 2%, 121% 39%, 115% 94%, 21% 17%, 40% 1%, 14% 13%, 38% 90%, 76% 91%, -5% 24%, -22% 58%, 91% 97%, 114% 75%;

}

35% {

background-position: 76% 33%, 80% 86%, 21% 85%, 28% 2%, 77% 39%, 17% 94%, 55% 17%, -6% 1%, 67% 13%, -22% 90%, 66% 91%, 57% 24%, -18% 58%, 50% 97%, 76% 75%;

}

36% {

background-position: 113% 33%, 100% 86%, 73% 85%, -12% 2%, 0% 39%, 81% 94%, 89% 17%, 66% 1%, 20% 13%, 25% 90%, 21% 91%, 119% 24%, 107% 58%, 65% 97%, 34% 75%;

}

37% {

background-position: 45% 33%, 58% 86%, 118% 85%, 21% 2%, 37% 39%, -3% 94%, 22% 17%, 85% 1%, 113% 13%, 60% 90%, 14% 91%, 26% 24%, -3% 58%, 88% 97%, 39% 75%;

}

38% {

background-position: 4% 33%, 110% 86%, 99% 85%, 24% 2%, 37% 39%, 21% 94%, 31% 17%, 18% 1%, 4% 13%, 56% 90%, 113% 91%, 54% 24%, 91% 58%, 96% 97%, 120% 75%;

}

39% {

background-position: 92% 33%, 104% 86%, 55% 85%, 51% 2%, 46% 39%, -4% 94%, 76% 17%, 118% 1%, 8% 13%, -8% 90%, 52% 91%, 15% 24%, -2% 58%, -7% 97%, 105% 75%;

}

40% {

background-position: 103% 33%, -5% 86%, 96% 85%, 7% 2%, 125% 39%, 24% 94%, 4% 17%, -22% 1%, 42% 13%, 116% 90%, 78% 91%, 18% 24%, 25% 58%, 16% 97%, 91% 75%;

}

41% {

background-position: -1% 33%, 116% 86%, 106% 85%, 118% 2%, 111% 39%, 4% 94%, 26% 17%, 117% 1%, 38% 13%, 35% 90%, 55% 91%, 93% 24%, -11% 58%, 57% 97%, 101% 75%;

}

42% {

background-position: -3% 33%, 81% 86%, 48% 85%, 108% 2%, 63% 39%, 111% 94%, 67% 17%, 14% 1%, 64% 13%, 95% 90%, 38% 91%, 105% 24%, 35% 58%, -20% 97%, 123% 75%;

}

43% {

background-position: 85% 33%, -19% 86%, 65% 85%, 14% 2%, 0% 39%, 57% 94%, 92% 17%, 77% 1%, -12% 13%, 56% 90%, 118% 91%, -6% 24%, 39% 58%, 27% 97%, 12% 75%;

}

44% {

background-position: 71% 33%, 104% 86%, 83% 85%, 84% 2%, 28% 39%, 76% 94%, 44% 17%, 40% 1%, 52% 13%, 7% 90%, 15% 91%, -10% 24%, 117% 58%, 39% 97%, 64% 75%;

}

45% {

background-position: 103% 33%, 4% 86%, 34% 85%, 16% 2%, 52% 39%, -21% 94%, 59% 17%, 87% 1%, 42% 13%, 47% 90%, 17% 91%, 71% 24%, 46% 58%, -13% 97%, 34% 75%;

}

46% {

background-position: -3% 33%, 35% 86%, -21% 85%, 15% 2%, 26% 39%, 7% 94%, -10% 17%, 61% 1%, 40% 13%, 58% 90%, 45% 91%, 44% 24%, 10% 58%, 61% 97%, -18% 75%;

}

47% {

background-position: 78% 33%, 75% 86%, 88% 85%, 112% 2%, 82% 39%, 19% 94%, -6% 17%, 114% 1%, 101% 13%, -14% 90%, -4% 91%, 100% 24%, 8% 58%, 78% 97%, 47% 75%;

}

48% {

background-position: 58% 33%, 125% 86%, -17% 85%, 85% 2%, 53% 39%, 55% 94%, -10% 17%, 94% 1%, 47% 13%, -22% 90%, 120% 91%, 115% 24%, 12% 58%, 78% 97%, 3% 75%;

}

49% {

background-position: 13% 33%, 13% 86%, -1% 85%, 91% 2%, 78% 39%, -15% 94%, 22% 17%, 20% 1%, 12% 13%, 46% 90%, 96% 91%, 3% 24%, 66% 58%, 77% 97%, 20% 75%;

}

50% {

background-position: 8% 33%, -24% 86%, 79% 85%, -8% 2%, 45% 39%, 46% 94%, 93% 17%, -20% 1%, 59% 13%, 38% 90%, 59% 91%, 22% 24%, 86% 58%, 76% 97%, 19% 75%;

}

51% {

background-position: 88% 33%, 121% 86%, 58% 85%, 101% 2%, 59% 39%, 42% 94%, 15% 17%, 40% 1%, 80% 13%, 49% 90%, 10% 91%, -11% 24%, -21% 58%, 77% 97%, -15% 75%;

}

52% {

background-position: 51% 33%, 112% 86%, 92% 85%, 82% 2%, 74% 39%, -1% 94%, 40% 17%, 94% 1%, 121% 13%, -2% 90%, 47% 91%, 80% 24%, -11% 58%, 9% 97%, 110% 75%;

}

53% {

background-position: 112% 33%, 3% 86%, -5% 85%, 64% 2%, 7% 39%, 60% 94%, 78% 17%, 22% 1%, 3% 13%, 52% 90%, 19% 91%, 113% 24%, -7% 58%, 5% 97%, 94% 75%;

}

54% {

background-position: 34% 33%, 120% 86%, 32% 85%, 69% 2%, 19% 39%, 73% 94%, 71% 17%, 62% 1%, 34% 13%, -9% 90%, 124% 91%, -23% 24%, 15% 58%, 63% 97%, 6% 75%;

}

55% {

background-position: -15% 33%, 20% 86%, 98% 85%, -12% 2%, 123% 39%, -21% 94%, 61% 17%, 61% 1%, 42% 13%, 68% 90%, -14% 91%, 111% 24%, 32% 58%, 107% 97%, 86% 75%;

}

56% {

background-position: 33% 33%, 103% 86%, 72% 85%, 7% 2%, 82% 39%, 42% 94%, 13% 17%, 102% 1%, 96% 13%, 12% 90%, 41% 91%, 112% 24%, 9% 58%, 13% 97%, 91% 75%;

}

57% {

background-position: -22% 33%, 85% 86%, 98% 85%, 62% 2%, -1% 39%, 100% 94%, 120% 17%, 38% 1%, 101% 13%, 12% 90%, -13% 91%, 8% 24%, -14% 58%, 42% 97%, 39% 75%;

}

58% {

background-position: 27% 33%, 62% 86%, -5% 85%, -23% 2%, 18% 39%, 30% 94%, 81% 17%, 52% 1%, 101% 13%, 40% 90%, 5% 91%, 85% 24%, 62% 58%, 30% 97%, 65% 75%;

}

59% {

background-position: 45% 33%, 73% 86%, 56% 85%, 113% 2%, 118% 39%, -10% 94%, 87% 17%, 10% 1%, 35% 13%, -20% 90%, 30% 91%, 101% 24%, 118% 58%, 61% 97%, 78% 75%;

}

60% {

background-position: -18% 33%, 69% 86%, -19% 85%, 29% 2%, -18% 39%, 69% 94%, 124% 17%, 51% 1%, 47% 13%, -20% 90%, 23% 91%, 72% 24%, 101% 58%, 66% 97%, 68% 75%;

}

61% {

background-position: 15% 33%, 6% 86%, 83% 85%, 54% 2%, 117% 39%, 2% 94%, 58% 17%, 9% 1%, -19% 13%, 41% 90%, 106% 91%, 81% 24%, 15% 58%, 39% 97%, 79% 75%;

}

62% {

background-position: 78% 33%, 40% 86%, 77% 85%, 110% 2%, 7% 39%, 24% 94%, -8% 17%, -9% 1%, 75% 13%, -9% 90%, 47% 91%, 53% 24%, 115% 58%, -3% 97%, 103% 75%;

}

63% {

background-position: 40% 33%, 103% 86%, 103% 85%, 12% 2%, 9% 39%, 5% 94%, 4% 17%, -20% 1%, 64% 13%, 107% 90%, 46% 91%, 13% 24%, 77% 58%, 4% 97%, -22% 75%;

}

64% {

background-position: 74% 33%, 48% 86%, 43% 85%, 70% 2%, -4% 39%, 28% 94%, 76% 17%, 76% 1%, 14% 13%, 95% 90%, 18% 91%, 6% 24%, 57% 58%, 10% 97%, 125% 75%;

}

65% {

background-position: 12% 33%, 64% 86%, 85% 85%, 37% 2%, 123% 39%, 104% 94%, 112% 17%, 73% 1%, 91% 13%, 13% 90%, 22% 91%, 50% 24%, 78% 58%, 58% 97%, 26% 75%;

}

66% {

background-position: 67% 33%, 60% 86%, 63% 85%, 35% 2%, 64% 39%, 122% 94%, 18% 17%, 108% 1%, 25% 13%, 125% 90%, 112% 91%, 86% 24%, 107% 58%, 87% 97%, 92% 75%;

}

67% {

background-position: 27% 33%, 39% 86%, 33% 85%, 16% 2%, 3% 39%, 105% 94%, 55% 17%, 40% 1%, 61% 13%, 100% 90%, 112% 91%, 6% 24%, 109% 58%, -10% 97%, 60% 75%;

}

68% {

background-position: -3% 33%, 8% 86%, 50% 85%, 81% 2%, 12% 39%, 19% 94%, 90% 17%, 53% 1%, 66% 13%, 62% 90%, 57% 91%, -1% 24%, 84% 58%, 18% 97%, 66% 75%;

}

69% {

background-position: 74% 33%, -9% 86%, 29% 85%, 88% 2%, 16% 39%, 4% 94%, 80% 17%, 9% 1%, 57% 13%, 115% 90%, 0% 91%, 11% 24%, 33% 58%, -11% 97%, -20% 75%;

}

70% {

background-position: 78% 33%, 102% 86%, 59% 85%, 103% 2%, 36% 39%, -2% 94%, -6% 17%, 65% 1%, 26% 13%, -20% 90%, 63% 91%, 114% 24%, -1% 58%, -7% 97%, -18% 75%;

}

71% {

background-position: 38% 33%, 12% 86%, 51% 85%, 81% 2%, -1% 39%, 108% 94%, 45% 17%, 105% 1%, 34% 13%, 41% 90%, -12% 91%, 79% 24%, 48% 58%, 96% 97%, 44% 75%;

}

72% {

background-position: 40% 33%, 21% 86%, 18% 85%, 16% 2%, -12% 39%, 34% 94%, 69% 17%, 60% 1%, 54% 13%, 10% 90%, 53% 91%, -11% 24%, 17% 58%, -17% 97%, 34% 75%;

}

73% {

background-position: 41% 33%, 3% 86%, -5% 85%, 91% 2%, 17% 39%, 95% 94%, 91% 17%, 63% 1%, 14% 13%, 17% 90%, 43% 91%, 114% 24%, 29% 58%, -20% 97%, 91% 75%;

}

74% {

background-position: 46% 33%, 22% 86%, 22% 85%, 22% 2%, 69% 39%, 105% 94%, 32% 17%, 97% 1%, 57% 13%, -4% 90%, 117% 91%, -8% 24%, 51% 58%, 30% 97%, 16% 75%;

}

75% {

background-position: 104% 33%, 70% 86%, 114% 85%, 75% 2%, 54% 39%, -10% 94%, 90% 17%, -12% 1%, 43% 13%, 84% 90%, 39% 91%, 119% 24%, 84% 58%, 78% 97%, 25% 75%;

}

76% {

background-position: 7% 33%, 80% 86%, 3% 85%, 17% 2%, 53% 39%, -23% 94%, 22% 17%, 121% 1%, 46% 13%, 37% 90%, 42% 91%, 107% 24%, 81% 58%, 51% 97%, 64% 75%;

}

77% {

background-position: 47% 33%, 76% 86%, 60% 85%, 76% 2%, 36% 39%, -14% 94%, 110% 17%, 55% 1%, 112% 13%, 103% 90%, 97% 91%, 69% 24%, 26% 58%, 53% 97%, 68% 75%;

}

78% {

background-position: 33% 33%, -24% 86%, 80% 85%, 4% 2%, 115% 39%, -6% 94%, 23% 17%, 85% 1%, 47% 13%, 25% 90%, 4% 91%, -2% 24%, 108% 58%, 98% 97%, 113% 75%;

}

79% {

background-position: 82% 33%, -22% 86%, 83% 85%, 12% 2%, 47% 39%, 24% 94%, 1% 17%, -15% 1%, 88% 13%, 125% 90%, 109% 91%, 13% 24%, 77% 58%, 55% 97%, 91% 75%;

}

80% {

background-position: 62% 33%, -3% 86%, 16% 85%, 103% 2%, 22% 39%, 120% 94%, 88% 17%, 60% 1%, 84% 13%, 35% 90%, 45% 91%, 25% 24%, 88% 58%, 101% 97%, 3% 75%;

}

81% {

background-position: 69% 33%, 104% 86%, 25% 85%, 31% 2%, -8% 39%, -15% 94%, 70% 17%, -11% 1%, 125% 13%, -1% 90%, 34% 91%, 70% 24%, 4% 58%, 21% 97%, 109% 75%;

}

82% {

background-position: 34% 33%, 104% 86%, 23% 85%, 11% 2%, 123% 39%, 47% 94%, 27% 17%, 98% 1%, 105% 13%, 61% 90%, -19% 91%, 13% 24%, 109% 58%, -2% 97%, 114% 75%;

}

83% {

background-position: 20% 33%, 22% 86%, 84% 85%, 90% 2%, -11% 39%, 28% 94%, 55% 17%, 18% 1%, 54% 13%, 88% 90%, 57% 91%, 20% 24%, 35% 58%, -10% 97%, 44% 75%;

}

84% {

background-position: -23% 33%, 29% 86%, 50% 85%, 99% 2%, 88% 39%, -15% 94%, 60% 17%, -11% 1%, 36% 13%, 88% 90%, 112% 91%, 118% 24%, 46% 58%, 118% 97%, 103% 75%;

}

85% {

background-position: 62% 33%, -7% 86%, 18% 85%, 90% 2%, 62% 39%, 87% 94%, 10% 17%, -22% 1%, 58% 13%, 38% 90%, 10% 91%, -13% 24%, 52% 58%, 100% 97%, 25% 75%;

}

86% {

background-position: 70% 33%, 73% 86%, -13% 85%, 82% 2%, 22% 39%, 43% 94%, 15% 17%, 79% 1%, 94% 13%, 118% 90%, 69% 91%, -4% 24%, -1% 58%, -8% 97%, 60% 75%;

}

87% {

background-position: 58% 33%, 11% 86%, -1% 85%, 116% 2%, 34% 39%, 24% 94%, 86% 17%, 62% 1%, 26% 13%, 82% 90%, 82% 91%, 100% 24%, 110% 58%, 51% 97%, 109% 75%;

}

88% {

background-position: -12% 33%, 58% 86%, 112% 85%, 87% 2%, -5% 39%, 14% 94%, 94% 17%, 9% 1%, -24% 13%, 120% 90%, 30% 91%, 36% 24%, 36% 58%, -8% 97%, 94% 75%;

}

89% {

background-position: 43% 33%, 50% 86%, 93% 85%, 43% 2%, 69% 39%, 66% 94%, 26% 17%, 25% 1%, 56% 13%, 117% 90%, 19% 91%, -2% 24%, 83% 58%, 61% 97%, 58% 75%;

}

90% {

background-position: 44% 33%, 13% 86%, -18% 85%, 85% 2%, -9% 39%, 77% 94%, 4% 17%, 92% 1%, 65% 13%, 105% 90%, 105% 91%, -3% 24%, 99% 58%, 24% 97%, 6% 75%;

}

91% {

background-position: -8% 33%, 32% 86%, 19% 85%, 33% 2%, 6% 39%, 47% 94%, 29% 17%, 7% 1%, -15% 13%, 113% 90%, 18% 91%, -24% 24%, 43% 58%, 6% 97%, 119% 75%;

}

92% {

background-position: 104% 33%, 51% 86%, 26% 85%, 4% 2%, 55% 39%, 35% 94%, 85% 17%, 67% 1%, 5% 13%, 5% 90%, 11% 91%, 98% 24%, 104% 58%, -19% 97%, 82% 75%;

}

93% {

background-position: 22% 33%, 100% 86%, 89% 85%, 84% 2%, 85% 39%, 28% 94%, 101% 17%, 65% 1%, 37% 13%, 46% 90%, 7% 91%, -13% 24%, -5% 58%, 76% 97%, -6% 75%;

}

94% {

background-position: 56% 33%, 44% 86%, 58% 85%, -18% 2%, 119% 39%, 102% 94%, 35% 17%, 115% 1%, 99% 13%, 89% 90%, -10% 91%, 58% 24%, -24% 58%, 28% 97%, 38% 75%;

}

95% {

background-position: 112% 33%, 48% 86%, 80% 85%, 28% 2%, -18% 39%, 84% 94%, 40% 17%, 24% 1%, 80% 13%, 6% 90%, -7% 91%, 11% 24%, 105% 58%, -21% 97%, 4% 75%;

}

96% {

background-position: 17% 33%, 60% 86%, 31% 85%, -9% 2%, -8% 39%, 122% 94%, 39% 17%, -13% 1%, 84% 13%, 28% 90%, 4% 91%, 34% 24%, 114% 58%, 54% 97%, 112% 75%;

}

97% {

background-position: 21% 33%, 10% 86%, 50% 85%, 0% 2%, 15% 39%, 118% 94%, 52% 17%, 73% 1%, 60% 13%, 59% 90%, 94% 91%, 84% 24%, 36% 58%, 19% 97%, 40% 75%;

}

98% {

background-position: 9% 33%, -17% 86%, 86% 85%, 2% 2%, 58% 39%, 71% 94%, 18% 17%, 39% 1%, 112% 13%, 75% 90%, 25% 91%, 89% 24%, 72% 58%, -6% 97%, 67% 75%;

}

99% {

background-position: 15% 33%, 26% 86%, 113% 85%, 68% 2%, 76% 39%, -9% 94%, 104% 17%, 13% 1%, 48% 13%, 121% 90%, 1% 91%, 0% 24%, 83% 58%, -14% 97%, 1% 75%;

}

100% {

background-position: 51% 33%, 84% 86%, 66% 85%, 86% 2%, 20% 39%, 2% 94%, 17% 17%, 84% 1%, -23% 13%, 67% 90%, 117% 91%, 99% 24%, 117% 58%, 35% 97%, 16% 75%;

}

}

@keyframes lft-rght {

0% {

background-position: 90% 33%, 104% 86%, 99% 85%, 46% 2%, 67% 39%, 55% 94%, 86% 17%, 9% 1%, 30% 13%, 39% 90%, 15% 91%, 53% 24%, 69% 58%, -22% 97%, 16% 75%;

}

1% {

background-position: 52% 33%, 81% 86%, 99% 85%, 13% 2%, 75% 39%, 112% 94%, 39% 17%, 74% 1%, 83% 13%, 70% 90%, 108% 91%, 21% 24%, 124% 58%, 118% 97%, 77% 75%;

}

2% {

background-position: -4% 33%, 27% 86%, -13% 85%, 7% 2%, 32% 39%, 33% 94%, 51% 17%, 115% 1%, 54% 13%, 123% 90%, 95% 91%, 111% 24%, -2% 58%, 109% 97%, 23% 75%;

}

3% {

background-position: 40% 33%, 111% 86%, 22% 85%, 107% 2%, 8% 39%, 117% 94%, 67% 17%, 98% 1%, 23% 13%, 0% 90%, 123% 91%, 0% 24%, 25% 58%, 78% 97%, 41% 75%;

}

4% {

background-position: -5% 33%, 0% 86%, 65% 85%, 35% 2%, -9% 39%, 102% 94%, -10% 17%, 96% 1%, 5% 13%, 30% 90%, 68% 91%, 114% 24%, 101% 58%, 111% 97%, 44% 75%;

}

5% {

background-position: 104% 33%, 37% 86%, 112% 85%, 114% 2%, 118% 39%, 7% 94%, -2% 17%, -3% 1%, 105% 13%, 88% 90%, 65% 91%, 18% 24%, 52% 58%, 13% 97%, 27% 75%;

}

6% {

background-position: -24% 33%, 86% 86%, 69% 85%, 16% 2%, -11% 39%, 15% 94%, -14% 17%, -10% 1%, 2% 13%, 118% 90%, 2% 91%, 27% 24%, 29% 58%, 78% 97%, 83% 75%;

}

7% {

background-position: 63% 33%, 111% 86%, 43% 85%, 3% 2%, -4% 39%, 78% 94%, 39% 17%, 21% 1%, 33% 13%, -22% 90%, 50% 91%, 89% 24%, 11% 58%, 8% 97%, 24% 75%;

}

8% {

background-position: 75% 33%, 49% 86%, 89% 85%, 50% 2%, 12% 39%, 31% 94%, 88% 17%, 62% 1%, 42% 13%, -19% 90%, 59% 91%, 32% 24%, 30% 58%, 8% 97%, 93% 75%;

}

9% {

background-position: -24% 33%, 39% 86%, -2% 85%, 97% 2%, 25% 39%, -15% 94%, 14% 17%, 6% 1%, 56% 13%, 45% 90%, 72% 91%, 108% 24%, 52% 58%, 26% 97%, 60% 75%;

}

10% {

background-position: 81% 33%, 111% 86%, -2% 85%, -24% 2%, 58% 39%, 21% 94%, -9% 17%, -11% 1%, 26% 13%, 100% 90%, 81% 91%, 64% 24%, 43% 58%, 99% 97%, 63% 75%;

}

11% {

background-position: 78% 33%, 59% 86%, 20% 85%, 104% 2%, 67% 39%, 82% 94%, 109% 17%, 91% 1%, 108% 13%, 118% 90%, -23% 91%, 122% 24%, -15% 58%, 36% 97%, 111% 75%;

}

12% {

background-position: 58% 33%, 51% 86%, 61% 85%, 40% 2%, -24% 39%, 42% 94%, 36% 17%, 68% 1%, 122% 13%, 39% 90%, 41% 91%, 103% 24%, 54% 58%, 42% 97%, -22% 75%;

}

13% {

background-position: 94% 33%, 60% 86%, 23% 85%, 105% 2%, 8% 39%, 30% 94%, 12% 17%, 89% 1%, 98% 13%, 23% 90%, 103% 91%, 28% 24%, 90% 58%, 64% 97%, 123% 75%;

}

14% {

background-position: -7% 33%, 36% 86%, 125% 85%, -17% 2%, 58% 39%, 97% 94%, 25% 17%, 4% 1%, 29% 13%, 72% 90%, 79% 91%, 74% 24%, -6% 58%, 40% 97%, 62% 75%;

}

15% {

background-position: -12% 33%, 44% 86%, 0% 85%, 72% 2%, 60% 39%, 42% 94%, 67% 17%, 81% 1%, 110% 13%, -4% 90%, 115% 91%, 118% 24%, 47% 58%, -21% 97%, 11% 75%;

}

16% {

background-position: 0% 33%, -9% 86%, -6% 85%, 50% 2%, 57% 39%, 85% 94%, 121% 17%, 19% 1%, -8% 13%, 25% 90%, 88% 91%, -22% 24%, 120% 58%, 63% 97%, 49% 75%;

}

17% {

background-position: -15% 33%, 100% 86%, -11% 85%, 31% 2%, 68% 39%, 12% 94%, 58% 17%, 89% 1%, 121% 13%, 24% 90%, 15% 91%, 25% 24%, 70% 58%, 114% 97%, 21% 75%;

}

18% {

background-position: 22% 33%, 44% 86%, 96% 85%, 97% 2%, -23% 39%, 90% 94%, 97% 17%, 18% 1%, -17% 13%, 35% 90%, 79% 91%, 74% 24%, 83% 58%, 49% 97%, 12% 75%;

}

19% {

background-position: -19% 33%, 62% 86%, 86% 85%, 31% 2%, 85% 39%, 37% 94%, 77% 17%, 106% 1%, 9% 13%, 66% 90%, 46% 91%, 42% 24%, -14% 58%, 46% 97%, 55% 75%;

}

20% {

background-position: 40% 33%, 101% 86%, 117% 85%, -18% 2%, 60% 39%, 26% 94%, -19% 17%, 107% 1%, -12% 13%, 119% 90%, 62% 91%, 62% 24%, 86% 58%, 80% 97%, -18% 75%;

}

21% {

background-position: -3% 33%, 30% 86%, 111% 85%, 72% 2%, 40% 39%, 104% 94%, 119% 17%, 2% 1%, 54% 13%, 8% 90%, 42% 91%, 16% 24%, 59% 58%, 7% 97%, -20% 75%;

}

22% {

background-position: 63% 33%, 73% 86%, 93% 85%, 4% 2%, 117% 39%, 32% 94%, 55% 17%, 85% 1%, -20% 13%, 6% 90%, 79% 91%, 43% 24%, 28% 58%, 25% 97%, 89% 75%;

}

23% {

background-position: 86% 33%, 49% 86%, 5% 85%, 79% 2%, -9% 39%, 102% 94%, 109% 17%, 56% 1%, 39% 13%, -18% 90%, 75% 91%, 75% 24%, 63% 58%, 117% 97%, 87% 75%;

}

24% {

background-position: 36% 33%, 48% 86%, -11% 85%, 32% 2%, 46% 39%, 34% 94%, 34% 17%, -4% 1%, -2% 13%, 41% 90%, 106% 91%, -10% 24%, 90% 58%, 11% 97%, 90% 75%;

}

25% {

background-position: 100% 33%, 39% 86%, 99% 85%, -4% 2%, -12% 39%, 123% 94%, 0% 17%, 2% 1%, -3% 13%, 118% 90%, 71% 91%, 112% 24%, 71% 58%, 69% 97%, 78% 75%;

}

26% {

background-position: 21% 33%, 122% 86%, -3% 85%, -9% 2%, -15% 39%, 24% 94%, -24% 17%, 36% 1%, 62% 13%, 8% 90%, -23% 91%, -11% 24%, 122% 58%, 39% 97%, 104% 75%;

}

27% {

background-position: 48% 33%, 56% 86%, 3% 85%, 61% 2%, 112% 39%, 6% 94%, 83% 17%, 104% 1%, 46% 13%, 95% 90%, 83% 91%, 52% 24%, 60% 58%, 45% 97%, 122% 75%;

}

28% {

background-position: -9% 33%, 85% 86%, 93% 85%, 29% 2%, 14% 39%, -23% 94%, -23% 17%, 10% 1%, 26% 13%, 66% 90%, 59% 91%, 15% 24%, 48% 58%, 71% 97%, 114% 75%;

}

29% {

background-position: 120% 33%, 85% 86%, 52% 85%, -11% 2%, 112% 39%, 74% 94%, -6% 17%, 101% 1%, 57% 13%, 117% 90%, 60% 91%, -20% 24%, 0% 58%, 22% 97%, 5% 75%;

}

30% {

background-position: 57% 33%, -23% 86%, 30% 85%, -12% 2%, 69% 39%, 27% 94%, 89% 17%, 125% 1%, 124% 13%, 1% 90%, 91% 91%, 29% 24%, 8% 58%, 92% 97%, 123% 75%;

}

31% {

background-position: 110% 33%, 65% 86%, 104% 85%, 108% 2%, 102% 39%, 13% 94%, 24% 17%, 57% 1%, -12% 13%, 72% 90%, 71% 91%, 57% 24%, 108% 58%, 84% 97%, 75% 75%;

}

32% {

background-position: -18% 33%, 19% 86%, 5% 85%, 99% 2%, 43% 39%, 121% 94%, 116% 17%, 46% 1%, 1% 13%, 54% 90%, 3% 91%, 31% 24%, -10% 58%, 78% 97%, -11% 75%;

}

33% {

background-position: 31% 33%, 117% 86%, 47% 85%, 20% 2%, 92% 39%, 59% 94%, -20% 17%, 20% 1%, -6% 13%, 54% 90%, 121% 91%, 47% 24%, 98% 58%, 96% 97%, 31% 75%;

}

34% {

background-position: 68% 33%, 1% 86%, 20% 85%, -20% 2%, 121% 39%, 115% 94%, 21% 17%, 40% 1%, 14% 13%, 38% 90%, 76% 91%, -5% 24%, -22% 58%, 91% 97%, 114% 75%;

}

35% {

background-position: 76% 33%, 80% 86%, 21% 85%, 28% 2%, 77% 39%, 17% 94%, 55% 17%, -6% 1%, 67% 13%, -22% 90%, 66% 91%, 57% 24%, -18% 58%, 50% 97%, 76% 75%;

}

36% {

background-position: 113% 33%, 100% 86%, 73% 85%, -12% 2%, 0% 39%, 81% 94%, 89% 17%, 66% 1%, 20% 13%, 25% 90%, 21% 91%, 119% 24%, 107% 58%, 65% 97%, 34% 75%;

}

37% {

background-position: 45% 33%, 58% 86%, 118% 85%, 21% 2%, 37% 39%, -3% 94%, 22% 17%, 85% 1%, 113% 13%, 60% 90%, 14% 91%, 26% 24%, -3% 58%, 88% 97%, 39% 75%;

}

38% {

background-position: 4% 33%, 110% 86%, 99% 85%, 24% 2%, 37% 39%, 21% 94%, 31% 17%, 18% 1%, 4% 13%, 56% 90%, 113% 91%, 54% 24%, 91% 58%, 96% 97%, 120% 75%;

}

39% {

background-position: 92% 33%, 104% 86%, 55% 85%, 51% 2%, 46% 39%, -4% 94%, 76% 17%, 118% 1%, 8% 13%, -8% 90%, 52% 91%, 15% 24%, -2% 58%, -7% 97%, 105% 75%;

}

40% {

background-position: 103% 33%, -5% 86%, 96% 85%, 7% 2%, 125% 39%, 24% 94%, 4% 17%, -22% 1%, 42% 13%, 116% 90%, 78% 91%, 18% 24%, 25% 58%, 16% 97%, 91% 75%;

}

41% {

background-position: -1% 33%, 116% 86%, 106% 85%, 118% 2%, 111% 39%, 4% 94%, 26% 17%, 117% 1%, 38% 13%, 35% 90%, 55% 91%, 93% 24%, -11% 58%, 57% 97%, 101% 75%;

}

42% {

background-position: -3% 33%, 81% 86%, 48% 85%, 108% 2%, 63% 39%, 111% 94%, 67% 17%, 14% 1%, 64% 13%, 95% 90%, 38% 91%, 105% 24%, 35% 58%, -20% 97%, 123% 75%;

}

43% {

background-position: 85% 33%, -19% 86%, 65% 85%, 14% 2%, 0% 39%, 57% 94%, 92% 17%, 77% 1%, -12% 13%, 56% 90%, 118% 91%, -6% 24%, 39% 58%, 27% 97%, 12% 75%;

}

44% {

background-position: 71% 33%, 104% 86%, 83% 85%, 84% 2%, 28% 39%, 76% 94%, 44% 17%, 40% 1%, 52% 13%, 7% 90%, 15% 91%, -10% 24%, 117% 58%, 39% 97%, 64% 75%;

}

45% {

background-position: 103% 33%, 4% 86%, 34% 85%, 16% 2%, 52% 39%, -21% 94%, 59% 17%, 87% 1%, 42% 13%, 47% 90%, 17% 91%, 71% 24%, 46% 58%, -13% 97%, 34% 75%;

}

46% {

background-position: -3% 33%, 35% 86%, -21% 85%, 15% 2%, 26% 39%, 7% 94%, -10% 17%, 61% 1%, 40% 13%, 58% 90%, 45% 91%, 44% 24%, 10% 58%, 61% 97%, -18% 75%;

}

47% {

background-position: 78% 33%, 75% 86%, 88% 85%, 112% 2%, 82% 39%, 19% 94%, -6% 17%, 114% 1%, 101% 13%, -14% 90%, -4% 91%, 100% 24%, 8% 58%, 78% 97%, 47% 75%;

}

48% {

background-position: 58% 33%, 125% 86%, -17% 85%, 85% 2%, 53% 39%, 55% 94%, -10% 17%, 94% 1%, 47% 13%, -22% 90%, 120% 91%, 115% 24%, 12% 58%, 78% 97%, 3% 75%;

}

49% {

background-position: 13% 33%, 13% 86%, -1% 85%, 91% 2%, 78% 39%, -15% 94%, 22% 17%, 20% 1%, 12% 13%, 46% 90%, 96% 91%, 3% 24%, 66% 58%, 77% 97%, 20% 75%;

}

50% {

background-position: 8% 33%, -24% 86%, 79% 85%, -8% 2%, 45% 39%, 46% 94%, 93% 17%, -20% 1%, 59% 13%, 38% 90%, 59% 91%, 22% 24%, 86% 58%, 76% 97%, 19% 75%;

}

51% {

background-position: 88% 33%, 121% 86%, 58% 85%, 101% 2%, 59% 39%, 42% 94%, 15% 17%, 40% 1%, 80% 13%, 49% 90%, 10% 91%, -11% 24%, -21% 58%, 77% 97%, -15% 75%;

}

52% {

background-position: 51% 33%, 112% 86%, 92% 85%, 82% 2%, 74% 39%, -1% 94%, 40% 17%, 94% 1%, 121% 13%, -2% 90%, 47% 91%, 80% 24%, -11% 58%, 9% 97%, 110% 75%;

}

53% {

background-position: 112% 33%, 3% 86%, -5% 85%, 64% 2%, 7% 39%, 60% 94%, 78% 17%, 22% 1%, 3% 13%, 52% 90%, 19% 91%, 113% 24%, -7% 58%, 5% 97%, 94% 75%;

}

54% {

background-position: 34% 33%, 120% 86%, 32% 85%, 69% 2%, 19% 39%, 73% 94%, 71% 17%, 62% 1%, 34% 13%, -9% 90%, 124% 91%, -23% 24%, 15% 58%, 63% 97%, 6% 75%;

}

55% {

background-position: -15% 33%, 20% 86%, 98% 85%, -12% 2%, 123% 39%, -21% 94%, 61% 17%, 61% 1%, 42% 13%, 68% 90%, -14% 91%, 111% 24%, 32% 58%, 107% 97%, 86% 75%;

}

56% {

background-position: 33% 33%, 103% 86%, 72% 85%, 7% 2%, 82% 39%, 42% 94%, 13% 17%, 102% 1%, 96% 13%, 12% 90%, 41% 91%, 112% 24%, 9% 58%, 13% 97%, 91% 75%;

}

57% {

background-position: -22% 33%, 85% 86%, 98% 85%, 62% 2%, -1% 39%, 100% 94%, 120% 17%, 38% 1%, 101% 13%, 12% 90%, -13% 91%, 8% 24%, -14% 58%, 42% 97%, 39% 75%;

}

58% {

background-position: 27% 33%, 62% 86%, -5% 85%, -23% 2%, 18% 39%, 30% 94%, 81% 17%, 52% 1%, 101% 13%, 40% 90%, 5% 91%, 85% 24%, 62% 58%, 30% 97%, 65% 75%;

}

59% {

background-position: 45% 33%, 73% 86%, 56% 85%, 113% 2%, 118% 39%, -10% 94%, 87% 17%, 10% 1%, 35% 13%, -20% 90%, 30% 91%, 101% 24%, 118% 58%, 61% 97%, 78% 75%;

}

60% {

background-position: -18% 33%, 69% 86%, -19% 85%, 29% 2%, -18% 39%, 69% 94%, 124% 17%, 51% 1%, 47% 13%, -20% 90%, 23% 91%, 72% 24%, 101% 58%, 66% 97%, 68% 75%;

}

61% {

background-position: 15% 33%, 6% 86%, 83% 85%, 54% 2%, 117% 39%, 2% 94%, 58% 17%, 9% 1%, -19% 13%, 41% 90%, 106% 91%, 81% 24%, 15% 58%, 39% 97%, 79% 75%;

}

62% {

background-position: 78% 33%, 40% 86%, 77% 85%, 110% 2%, 7% 39%, 24% 94%, -8% 17%, -9% 1%, 75% 13%, -9% 90%, 47% 91%, 53% 24%, 115% 58%, -3% 97%, 103% 75%;

}

63% {

background-position: 40% 33%, 103% 86%, 103% 85%, 12% 2%, 9% 39%, 5% 94%, 4% 17%, -20% 1%, 64% 13%, 107% 90%, 46% 91%, 13% 24%, 77% 58%, 4% 97%, -22% 75%;

}

64% {

background-position: 74% 33%, 48% 86%, 43% 85%, 70% 2%, -4% 39%, 28% 94%, 76% 17%, 76% 1%, 14% 13%, 95% 90%, 18% 91%, 6% 24%, 57% 58%, 10% 97%, 125% 75%;

}

65% {

background-position: 12% 33%, 64% 86%, 85% 85%, 37% 2%, 123% 39%, 104% 94%, 112% 17%, 73% 1%, 91% 13%, 13% 90%, 22% 91%, 50% 24%, 78% 58%, 58% 97%, 26% 75%;

}

66% {

background-position: 67% 33%, 60% 86%, 63% 85%, 35% 2%, 64% 39%, 122% 94%, 18% 17%, 108% 1%, 25% 13%, 125% 90%, 112% 91%, 86% 24%, 107% 58%, 87% 97%, 92% 75%;

}

67% {

background-position: 27% 33%, 39% 86%, 33% 85%, 16% 2%, 3% 39%, 105% 94%, 55% 17%, 40% 1%, 61% 13%, 100% 90%, 112% 91%, 6% 24%, 109% 58%, -10% 97%, 60% 75%;

}

68% {

background-position: -3% 33%, 8% 86%, 50% 85%, 81% 2%, 12% 39%, 19% 94%, 90% 17%, 53% 1%, 66% 13%, 62% 90%, 57% 91%, -1% 24%, 84% 58%, 18% 97%, 66% 75%;

}

69% {

background-position: 74% 33%, -9% 86%, 29% 85%, 88% 2%, 16% 39%, 4% 94%, 80% 17%, 9% 1%, 57% 13%, 115% 90%, 0% 91%, 11% 24%, 33% 58%, -11% 97%, -20% 75%;

}

70% {

background-position: 78% 33%, 102% 86%, 59% 85%, 103% 2%, 36% 39%, -2% 94%, -6% 17%, 65% 1%, 26% 13%, -20% 90%, 63% 91%, 114% 24%, -1% 58%, -7% 97%, -18% 75%;

}

71% {

background-position: 38% 33%, 12% 86%, 51% 85%, 81% 2%, -1% 39%, 108% 94%, 45% 17%, 105% 1%, 34% 13%, 41% 90%, -12% 91%, 79% 24%, 48% 58%, 96% 97%, 44% 75%;

}

72% {

background-position: 40% 33%, 21% 86%, 18% 85%, 16% 2%, -12% 39%, 34% 94%, 69% 17%, 60% 1%, 54% 13%, 10% 90%, 53% 91%, -11% 24%, 17% 58%, -17% 97%, 34% 75%;

}

73% {

background-position: 41% 33%, 3% 86%, -5% 85%, 91% 2%, 17% 39%, 95% 94%, 91% 17%, 63% 1%, 14% 13%, 17% 90%, 43% 91%, 114% 24%, 29% 58%, -20% 97%, 91% 75%;

}

74% {

background-position: 46% 33%, 22% 86%, 22% 85%, 22% 2%, 69% 39%, 105% 94%, 32% 17%, 97% 1%, 57% 13%, -4% 90%, 117% 91%, -8% 24%, 51% 58%, 30% 97%, 16% 75%;

}

75% {

background-position: 104% 33%, 70% 86%, 114% 85%, 75% 2%, 54% 39%, -10% 94%, 90% 17%, -12% 1%, 43% 13%, 84% 90%, 39% 91%, 119% 24%, 84% 58%, 78% 97%, 25% 75%;

}

76% {

background-position: 7% 33%, 80% 86%, 3% 85%, 17% 2%, 53% 39%, -23% 94%, 22% 17%, 121% 1%, 46% 13%, 37% 90%, 42% 91%, 107% 24%, 81% 58%, 51% 97%, 64% 75%;

}

77% {

background-position: 47% 33%, 76% 86%, 60% 85%, 76% 2%, 36% 39%, -14% 94%, 110% 17%, 55% 1%, 112% 13%, 103% 90%, 97% 91%, 69% 24%, 26% 58%, 53% 97%, 68% 75%;

}

78% {

background-position: 33% 33%, -24% 86%, 80% 85%, 4% 2%, 115% 39%, -6% 94%, 23% 17%, 85% 1%, 47% 13%, 25% 90%, 4% 91%, -2% 24%, 108% 58%, 98% 97%, 113% 75%;

}

79% {

background-position: 82% 33%, -22% 86%, 83% 85%, 12% 2%, 47% 39%, 24% 94%, 1% 17%, -15% 1%, 88% 13%, 125% 90%, 109% 91%, 13% 24%, 77% 58%, 55% 97%, 91% 75%;

}

80% {

background-position: 62% 33%, -3% 86%, 16% 85%, 103% 2%, 22% 39%, 120% 94%, 88% 17%, 60% 1%, 84% 13%, 35% 90%, 45% 91%, 25% 24%, 88% 58%, 101% 97%, 3% 75%;

}

81% {

background-position: 69% 33%, 104% 86%, 25% 85%, 31% 2%, -8% 39%, -15% 94%, 70% 17%, -11% 1%, 125% 13%, -1% 90%, 34% 91%, 70% 24%, 4% 58%, 21% 97%, 109% 75%;

}

82% {

background-position: 34% 33%, 104% 86%, 23% 85%, 11% 2%, 123% 39%, 47% 94%, 27% 17%, 98% 1%, 105% 13%, 61% 90%, -19% 91%, 13% 24%, 109% 58%, -2% 97%, 114% 75%;

}

83% {

background-position: 20% 33%, 22% 86%, 84% 85%, 90% 2%, -11% 39%, 28% 94%, 55% 17%, 18% 1%, 54% 13%, 88% 90%, 57% 91%, 20% 24%, 35% 58%, -10% 97%, 44% 75%;

}

84% {

background-position: -23% 33%, 29% 86%, 50% 85%, 99% 2%, 88% 39%, -15% 94%, 60% 17%, -11% 1%, 36% 13%, 88% 90%, 112% 91%, 118% 24%, 46% 58%, 118% 97%, 103% 75%;

}

85% {

background-position: 62% 33%, -7% 86%, 18% 85%, 90% 2%, 62% 39%, 87% 94%, 10% 17%, -22% 1%, 58% 13%, 38% 90%, 10% 91%, -13% 24%, 52% 58%, 100% 97%, 25% 75%;

}

86% {

background-position: 70% 33%, 73% 86%, -13% 85%, 82% 2%, 22% 39%, 43% 94%, 15% 17%, 79% 1%, 94% 13%, 118% 90%, 69% 91%, -4% 24%, -1% 58%, -8% 97%, 60% 75%;

}

87% {

background-position: 58% 33%, 11% 86%, -1% 85%, 116% 2%, 34% 39%, 24% 94%, 86% 17%, 62% 1%, 26% 13%, 82% 90%, 82% 91%, 100% 24%, 110% 58%, 51% 97%, 109% 75%;

}

88% {

background-position: -12% 33%, 58% 86%, 112% 85%, 87% 2%, -5% 39%, 14% 94%, 94% 17%, 9% 1%, -24% 13%, 120% 90%, 30% 91%, 36% 24%, 36% 58%, -8% 97%, 94% 75%;

}

89% {

background-position: 43% 33%, 50% 86%, 93% 85%, 43% 2%, 69% 39%, 66% 94%, 26% 17%, 25% 1%, 56% 13%, 117% 90%, 19% 91%, -2% 24%, 83% 58%, 61% 97%, 58% 75%;

}

90% {

background-position: 44% 33%, 13% 86%, -18% 85%, 85% 2%, -9% 39%, 77% 94%, 4% 17%, 92% 1%, 65% 13%, 105% 90%, 105% 91%, -3% 24%, 99% 58%, 24% 97%, 6% 75%;

}

91% {

background-position: -8% 33%, 32% 86%, 19% 85%, 33% 2%, 6% 39%, 47% 94%, 29% 17%, 7% 1%, -15% 13%, 113% 90%, 18% 91%, -24% 24%, 43% 58%, 6% 97%, 119% 75%;

}

92% {

background-position: 104% 33%, 51% 86%, 26% 85%, 4% 2%, 55% 39%, 35% 94%, 85% 17%, 67% 1%, 5% 13%, 5% 90%, 11% 91%, 98% 24%, 104% 58%, -19% 97%, 82% 75%;

}

93% {

background-position: 22% 33%, 100% 86%, 89% 85%, 84% 2%, 85% 39%, 28% 94%, 101% 17%, 65% 1%, 37% 13%, 46% 90%, 7% 91%, -13% 24%, -5% 58%, 76% 97%, -6% 75%;

}

94% {

background-position: 56% 33%, 44% 86%, 58% 85%, -18% 2%, 119% 39%, 102% 94%, 35% 17%, 115% 1%, 99% 13%, 89% 90%, -10% 91%, 58% 24%, -24% 58%, 28% 97%, 38% 75%;

}

95% {

background-position: 112% 33%, 48% 86%, 80% 85%, 28% 2%, -18% 39%, 84% 94%, 40% 17%, 24% 1%, 80% 13%, 6% 90%, -7% 91%, 11% 24%, 105% 58%, -21% 97%, 4% 75%;

}

96% {

background-position: 17% 33%, 60% 86%, 31% 85%, -9% 2%, -8% 39%, 122% 94%, 39% 17%, -13% 1%, 84% 13%, 28% 90%, 4% 91%, 34% 24%, 114% 58%, 54% 97%, 112% 75%;

}

97% {

background-position: 21% 33%, 10% 86%, 50% 85%, 0% 2%, 15% 39%, 118% 94%, 52% 17%, 73% 1%, 60% 13%, 59% 90%, 94% 91%, 84% 24%, 36% 58%, 19% 97%, 40% 75%;

}

98% {

background-position: 9% 33%, -17% 86%, 86% 85%, 2% 2%, 58% 39%, 71% 94%, 18% 17%, 39% 1%, 112% 13%, 75% 90%, 25% 91%, 89% 24%, 72% 58%, -6% 97%, 67% 75%;

}

99% {

background-position: 15% 33%, 26% 86%, 113% 85%, 68% 2%, 76% 39%, -9% 94%, 104% 17%, 13% 1%, 48% 13%, 121% 90%, 1% 91%, 0% 24%, 83% 58%, -14% 97%, 1% 75%;

}

100% {

background-position: 51% 33%, 84% 86%, 66% 85%, 86% 2%, 20% 39%, 2% 94%, 17% 17%, 84% 1%, -23% 13%, 67% 90%, 117% 91%, 99% 24%, 117% 58%, 35% 97%, 16% 75%;

}

}

.content {

width: 100%;

max-width: 20rem;

margin: auto;

padding: 1rem 1rem 0 1rem;

}

.patch {

position: relative;

display: block;

width: 100%;

margin-bottom: 2rem;

padding-bottom: 15%;

background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/46992/patch.svg);

background-size: 100% 52%;

background-position: 50% 100%;

background-repeat: no-repeat;

}

.patch:hover {

-webkit-animation: shiver 0.2s linear infinite;

animation: shiver 0.2s linear infinite;

}

.patch:before {

content: '';

display: block;

z-index: 0;

width: 100%;

padding-top: 129%;

background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/46992/icon-codepengermany.svg);

background-size: 77%;

background-position: 50% 0;

background-repeat: no-repeat;

}

.patch h1 {

position: relative;

color: white;

font-weight: 900;

font-size: 3em;

z-index: 2;

}

.patch h1 span {

display: block;

text-decoration: none;

color: #252526;

font-weight: 700;

font-size: 1.4rem;

}

@-webkit-keyframes shiver {

10%, 30%, 50%, 70%, 90% {

-webkit-transform: translateX(-8%);

transform: translateX(-8%);

}

20%,

40%,

60%,

80% {

-webkit-transform: translateX(8%);

transform: translateX(8%);

}

}

@keyframes shiver {

10%, 30%, 50%, 70%, 90% {

-webkit-transform: translateX(-8%);

transform: translateX(-8%);

}

20%,

40%,

60%,

80% {

-webkit-transform: translateX(8%);

transform: translateX(8%);

}

}

.content h2,

.content time {

font-weight: 400;

color: white;

text-transform: uppercase;

letter-spacing: 5px;

}

.content h2 {

font-size: 1.2em;

}

.content time {

display: block;

margin-top: 0.3rem;

margin-bottom: 2rem;

font-size: 0.8em;

}

.content .btn-cta {

display: inline-block;

padding: 0.5rem 1.5rem;

text-decoration: none;

font-size: 2em;

font-weight: 700;

color: #e74f13;

text-transform: uppercase;

letter-spacing: 2px;

box-shadow: inset 0 0 0 4px #e74f13;

-webkit-transition: color 1s 0.2s;

transition: color 1s 0.2s;

-webkit-transform: translateZ(0);

transform: translateZ(0);

}

.content .btn-cta:before,

.content .btn-cta:after {

content: '';

position: absolute;

width: 0;

height: 0;

opacity: 0;

}

.content .btn-cta:before {

right: 0;

top: 0;

border-top: 4px solid white;

border-left: 4px solid white;

-webkit-transition: opacity 0s 0.4s, width 0.2s 0.2s, height 0.2s;

transition: opacity 0s 0.4s, width 0.2s 0.2s, height 0.2s;

}

.content .btn-cta:after {

left: 0;

bottom: 0;

border-bottom: 4px solid white;

border-right: 4px solid white;

-webkit-transition: opacity 0.05s 0.7s, width 0.2s 0.6s, height 0.2s 0.4s;

transition: opacity 0.05s 0.7s, width 0.2s 0.6s, height 0.2s 0.4s;

}

.content .btn-cta:hover {

color: white;

-webkit-transition: color 0.2s 0.8s;

transition: color 0.2s 0.8s;

}

.content .btn-cta:hover:before,

.content .btn-cta:hover:after {

opacity: 1;

width: 100%;

height: 100%;

}

.content .btn-cta:hover:before {

-webkit-transition: opacity 0s 0.4s, width 0.2s 0.4s, height 0.2s 0.6s;

transition: opacity 0s 0.4s, width 0.2s 0.4s, height 0.2s 0.6s;

}

.content .btn-cta:hover:after {

-webkit-transition: opacity 0.05s, width 0.2s, height 0.2s 0.2s;

transition: opacity 0.05s, width 0.2s, height 0.2s 0.2s;

}