好看的404页面-USB迷|专注于互联网分享

2024年9月8日发(作者：屈子美)

C163.3,304.6,165,300.3,165,296z"/>

d="M487.5,323.5h34v34h-34V323.5z M487.5,357.5h34v34h-34V357.5z M521.5,357.5h34v34h-34 V357.5z M555.5,357.5h34v34h-34V357.5z M555.5,391.5h34v34h-34V391.5z"/>

d="M489,356l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H489z M489,390l6-6 c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H489z M523,390l6-6c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H523z M557,390l6-6 c0.9-0.9,2.2-1.5,3.5-1.5h13.9l7.5,7.5H557z

d="M520,356l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V356z M520,390l-8-7.5v-13.9 c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M554,390l-8-7.5v-13.9c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M588,390l-8-7.5v-13.9 c0-1.4,0.6-2.7,1.6-3.6l6.4-6V390z M

d="M652.6,332.5c-5.3,3.1-12.1,1.2-15.1-4.1l-1.4-2.4l1.4,2.4c3.1,5.3,1.2,12.1-4.1,15.1l-2.4,1.4 l2.4-1.4c5.3-3.1,12.1-1.2,15.1,4.1l1.4,2.4l-1.4-2.4C645.5,342.3,647.3,335.5,652.6,332.5l2.4-1.4L652.6,332.5z"/>

d="M503.4,73.7c-8,4.6-18.1,1.9-22.7-6.1l-2.1-3.6l2.1,3.6c4.6,8,1.9,18.1-6.1,22.7l-3.6,2.1l3.6-2.1 c8-4.6,18.1-1.9,22.7,6.1l2.1,3.6l-2.1-3.6C492.7,88.4,495.4,78.3,503.4,73.7l3.6-2.1L503.4,73.7z"/>

d="M330.4,335.7c-8,4.6-18.1,1.9-22.7-6.1l-2.1-3.6l2.1,3.6c4.6,8,1.9,18.1-6.1,22.7l-3.6,2.1 l3.6-2.1c8-4.6,18.1-1.9,22.7,6.1l2.1,3.6l-2.1-3.6C319.7,350.4,322.4,340.3,330.4,335.7l3.6-2.1L330.4,335.7z"/>

d="M135.6,176.5c-5.3,3.1-12.1,1.2-15.1-4.1l-1.4-2.4l1.4,2.4c3.1,5.3,1.2,12.1-4.1,15.1l-2.4,1.4 l2.4-1.4c5.3-3.1,12.1-1.2,15.1,4.1l1.4,2.4l-1.4-2.4C128.5,186.3,130.3,179.5,135.6,176.5l2.4-1.4L135.6,176.5z"/>

C617.6,53.3,621.1,53.6,622.5,55.9z M628.8,94.1c-4.1-6.1-11.6-9-16.7-6.4c-5.1,2.6-5.9,9.6-1.7,15.7c4.1,6.1,11.6,9,16.7,6.4

C632.2,107.2,632.9,100.2,628.8,94.1z M644.5,109c-3.6,0-6.5,2.2-6.5,5s2.9,5,6.5,5s6.5-2.2,6.5-5S648.1,109,644.5,109z

M645.7,95.8c-2.3-1.2-5-0.5-6,1.4c-1,2,0,4.5,2.3,5.7c2.3,1.2,5,0.5,6-1.4C649,99.6,648,97,645.7,95.8z M686.5,81

c0-25.1-20.4-45.5-45.5-45.5c-16.1,0-30.2,8.4-38.3,21c7.9-5.9,17.7-9.5,28.3-9.5c26,0,47,21,47,47c0,6.3-1.3,12.3-3.5,17.8

C681.9,103.6,686.5,92.8,686.5,81z"/>

c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1H339v24.3c0,5.6,4.3,10.1,9.9,10.1

c6,0,10.5-4.5,10.5-10.1v-24.3h11.4C375.6,244.3,379.5,240.4,379.5,235.5z M339,226.4h-45.5l45.5-67.8V226.4z"/>

c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5H340 M359.5,235H379 M342,232l-4,7 M345,232l-4,7 M358,232l-4,7 M361,232l-4,7"

C346.1,267.3,347.4,266,349,266z M349,155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9S347.4,155.1,349,155.1

z M344.4,144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9C341.4,145.9,342.7,144.6,344.4,144.6z"/>

c-6,0-11.8,3.1-15.1,8l-52.7,79.8c-1.2,2.1-2.1,4.5-2.1,6.6c0,6.6,5,11.1,10.3,11.1h56.7v24.3c0,5.6,4.3,10.1,9.9,10.1

c6,0,10.5-4.5,10.5-10.1v-24.3h11.4C623.1,244.3,627,240.4,627,235.5z M586.5,226.4H541l45.5-67.8V226.4z"/>

c-1.2,1.9-3.3,4.3-3.6,5.8c-0.8,4.6,2.3,5.5,7.3,5.5h51.5 M607,235h19.5 M589.5,232l-4,7 M592.5,232l-4,7 M605.5,232l-4,7

M608.5,232l-4,7"/>

C593.6,267.3,594.9,266,596.5,266z M596.5,155.1c1.6,0,2.9,1.3,2.9,2.9s-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9

S594.9,155.1,596.5,155.1z M591.8,144.6c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9

C588.9,145.9,590.2,144.6,591.8,144.6z"/>

C486.1,280,502,242.9,502,208.9z M481.1,208.9c0,26.8-8.7,53-33.1,53c-24.6,0-33.1-26.2-33.1-53c0-26.8,8.5-52.8,33.1-52.8

C472.4,156.1,481.1,182.1,481.1,208.9z"/>

s13.1,62.6,45.1,62.6c31.8,0,44.1-32.6,44.1-62.6 M487.5,172c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5

C482,174.5,484.5,172,487.5,172z M492.5,202c3,0,5.5,2.5,5.5,5.5c0,3-2.5,5.5-5.5,5.5c-3,0-5.5-2.5-5.5-5.5

C487,204.5,489.5,202,492.5,202z"/>

C490,206.1,491.1,205,492.5,205z M487.5,175c1.4,0,2.5,1.1,2.5,2.5c0,1.4-1.1,2.5-2.5,2.5c-1.4,0-2.5-1.1-2.5-2.5

C485,176.1,486.1,175,487.5,175z M448.1,143.4c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9

C445.1,144.7,446.4,143.4,448.1,143.4z M448.1,268.3c1.6,0,2.9,1.3,2.9,2.9c0,1.6-1.3,2.9-2.9,2.9c-1.6,0-2.9-1.3-2.9-2.9

C445.1,269.6,446.4,268.3,448.1,268.3z"/>

d="M444.6,196.6l0.6-0.8c1.5-2,1.8-4.3,3.8-2.8l8.9,6.8c2,1.5,2.4,4.3,0.9,6.3l-0.6,0.8 c-1.5,2-4.3,2.4-6.3,0.9L443,201C441,199.5,443.1,198.5,444.6,196.6z"/>

d="M453.9,197c2,1.5,2.4,4.3,0.9,6.3l-0.6,0.8c-1.5,2-4.3,2.4-6.3,0.9"/>

d="M432.5,197.1l10.6-13.9c1.6-2.2,4.7-2.6,6.9-0.9c2.2,1.6,2.6,4.7,0.9,6.9l-10.6,13.9 c-1.6,2.2-4.7,2.6-6.9,0.9C431.2,202.4,430.8,199.3,432.5,197.1z"/>

points="436.7,197 440.3,192.3 369,138.5 368.5,138.4 373.5,153 "/>

css 代码

.me404 {

width: 1000px;

height: 480px;

position: absolute;

top: 50%;

left: 50%;

margin-left: -400px;

margin-top: -240px;

}

.st0 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #E8EBED;

}

.st1 {

fill: #FFFFFF;

stroke: #89949B;

stroke-width: 3;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st2 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #DBDFE1;

}

.st3 {

fill: #FFFFFF;

}

.st4 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #E8EBED;

stroke: #89949B;

stroke-width: 3;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st5 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #FFFFFF;

stroke: #89949B;

stroke-width: 3;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st6 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: none;

stroke: #89949B;

stroke-width: 3;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st7 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: none;

stroke: #89949B;

stroke-width: 4;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st8 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #FFFFFF;

stroke: #89949B;

stroke-width: 2;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st9 {

fill: #89949B;

}

.st10 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #89949B;

}

.st11 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: none;

stroke: #89949B;

stroke-width: 2;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st12 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #FFFFFF;

}

.st13 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: #FFFFFF;

stroke: #8894A0;

stroke-width: 3;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st14 {

fill-rule: evenodd;

clip-rule: evenodd;

fill: none;

stroke: #89949B;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

.st15 {

fill: none;

stroke: #89949B;

stroke-linecap: round;

stroke-linejoin: round;

stroke-miterlimit: 10;

}

#cloud {

-webkit-animation: cloud 9s infinite ease-in-out;

-moz-animation: cloud 9s infinite ease-in-out;

-o-animation: cloud 9s infinite ease-in-out;

animation: cloud 9s infinite ease-in-out;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes cloud {

0% {

opacity: 0.3;

left: 160px;

-webkit-transform: skewX(20deg);

}

65% {

opacity: 1;

left: 114px;

-webkit-transform: skewX(0deg);

}

100% {

opacity: 0.3;

left: 160px;

-webkit-transform: skewX(20deg);

}

@-moz-keyframes cloud {

0% {

opacity: 0.3;

left: 160px;

-moz-transform: skewX(20deg);

}

65% {

opacity: 1;

left: 114px;

-moz-transform: skewX(0deg);

}

100% {

opacity: 0.3;

left: 160px;

-moz-transform: skewX(20deg);

}

@-o-keyframes cloud {

0% {

opacity: 0.3;

left: 160px;

-o-transform: skewX(20deg);

}

65% {

opacity: 1;

left: 114px;

-o-transform: skewX(0deg);

}

100% {

opacity: 0.3;

left: 160px;

-o-transform: skewX(20deg);

}

@keyframes cloud {

0% {

opacity: 0.3;

left: 160px;

-webkit-transform: skewX(20deg);

-moz-transform: skewX(20deg);

-ms-transform: skewX(20deg);

transform: skewX(20deg);

}

65% {

opacity: 1;

left: 114px;

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

-ms-transform: skewX(0deg);

transform: skewX(0deg);

}

100% {

opacity: 0.3;

left: 160px;

-webkit-transform: skewX(20deg);

-moz-transform: skewX(20deg);

-ms-transform: skewX(20deg);

transform: skewX(20deg);

}

[not-existing] {

zoom: 1;

}

#moon {

transform-origin: 640px 81px;

-webkit-animation: moon-float 6s infinite ease-in-out;

-moz-animation: moon-float 6s infinite ease-in-out;

-o-animation: moon-float 6s infinite ease-in-out;

animation: moon-float 6s infinite ease-in-out;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes moon-float {

0% {

-webkit-transform: translate(0, 20px) scale(1.1);

}

65% {

-webkit-transform: translate(0, 0px) scale(1.0);

}

100% {

-webkit-transform: translate(0, 20px) scale(1.1);

}

@-moz-keyframes moon-float {

0% {

-moz-transform: translate(0, 20px) scale(1.1);

}

65% {

-moz-transform: translate(0, 0px) scale(1.0);

}

100% {

-moz-transform: translate(0, 20px) scale(1.1);

}

@-o-keyframes moon-float {

0% {

-o-transform: translate(0, 20px) scale(1.1);

}

65% {

-o-transform: translate(0, 0px) scale(1.0);

}

100% {

-o-transform: translate(0, 20px) scale(1.1);

}

@keyframes moon-float {

0% {

-webkit-transform: translate(0, 20px) scale(1.1);

-moz-transform: translate(0, 20px) scale(1.1);

-ms-transform: translate(0, 20px) scale(1.1);

transform: translate(0, 20px) scale(1.1);

}

65% {

-webkit-transform: translate(0, 0px) scale(1.0);

-moz-transform: translate(0, 0px) scale(1.0);

-ms-transform: translate(0, 0px) scale(1.0);

transform: translate(0, 0px) scale(1.0);

}

100% {

-webkit-transform: translate(0, 20px) scale(1.1);

-moz-transform: translate(0, 20px) scale(1.1);

-ms-transform: translate(0, 20px) scale(1.1);

transform: translate(0, 20px) scale(1.1);

}

[not-existing] {

zoom: 1;

}

#monkey-eye-l {

transform-origin: 191px 257px;

-webkit-animation: blink-l 12s infinite ease-in-out;

-moz-animation: blink-l 12s infinite ease-in-out;

-o-animation: blink-l 12s infinite ease-in-out;

animation: blink-l 12s infinite ease-in-out;

}

#monkey-eye-r {

transform-origin: 205px 256px;

-webkit-animation: blink-r 12s infinite ease-in-out;

-moz-animation: blink-r 12s infinite ease-in-out;

-o-animation: blink-r 12s infinite ease-in-out;

animation: blink-r 12s infinite ease-in-out;

}

#monkey-arm {

transform-origin: 155px 298px;

-webkit-animation: monkey-arm 4s infinite ease-in-out;

-moz-animation: monkey-arm 4s infinite ease-in-out;

-o-animation: monkey-arm 4s infinite ease-in-out;

animation: monkey-arm 4s infinite ease-in-out;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes monkey-arm {

0% {

-webkit-transform: rotateZ(-10deg);

}

50% {

-webkit-transform: rotateZ(20deg);

}

100% {

-webkit-transform: rotateZ(-10deg);

}

@-moz-keyframes monkey-arm {

0% {

-moz-transform: rotateZ(-10deg);

}

50% {

-moz-transform: rotateZ(20deg);

}

100% {

-moz-transform: rotateZ(-10deg);

}

@-o-keyframes monkey-arm {

0% {

-o-transform: rotateZ(-10deg);

}

50% {

-o-transform: rotateZ(20deg);

}

100% {

-o-transform: rotateZ(-10deg);

}

@keyframes monkey-arm {

0% {

-webkit-transform: rotateZ(-10deg);

-moz-transform: rotateZ(-10deg);

-ms-transform: rotateZ(-10deg);

transform: rotateZ(-10deg);

}

50% {

-webkit-transform: rotateZ(20deg);

-moz-transform: rotateZ(20deg);

-ms-transform: rotateZ(20deg);

transform: rotateZ(20deg);

}

100% {

-webkit-transform: rotateZ(-10deg);

-moz-transform: rotateZ(-10deg);

-ms-transform: rotateZ(-10deg);

transform: rotateZ(-10deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes blink-l {

0% {

-webkit-transform: rotateX(0deg);

}

2% {

-webkit-transform: rotateX(80deg);

}

4%, 20% {

-webkit-transform: rotateX(0deg);

}

22% {

-webkit-transform: rotateX(80deg);

}

24%, 30% {

-webkit-transform: rotateX(0deg);

}

32% {

-webkit-transform: rotateX(80deg);

}

34%, 70% {

-webkit-transform: rotateX(0deg);

}

72% {

-webkit-transform: rotateX(80deg);

}

74%, 100% {

-webkit-transform: rotateX(0deg);

}

@-moz-keyframes blink-l {

0% {

-moz-transform: rotateX(0deg);

}

2% {

-moz-transform: rotateX(80deg);

}

4%, 20% {

-moz-transform: rotateX(0deg);

}

22% {

-moz-transform: rotateX(80deg);

}

24%, 30% {

-moz-transform: rotateX(0deg);

}

32% {

-moz-transform: rotateX(80deg);

}

34%, 70% {

-moz-transform: rotateX(0deg);

}

72% {

-moz-transform: rotateX(80deg);

}

74%, 100% {

-moz-transform: rotateX(0deg);

}

@-o-keyframes blink-l {

0% {

-o-transform: rotateX(0deg);

}

2% {

-o-transform: rotateX(80deg);

}

4%, 20% {

-o-transform: rotateX(0deg);

}

22% {

-o-transform: rotateX(80deg);

}

24%, 30% {

-o-transform: rotateX(0deg);

}

32% {

-o-transform: rotateX(80deg);

}

34%, 70% {

-o-transform: rotateX(0deg);

}

72% {

-o-transform: rotateX(80deg);

}

74%, 100% {

-o-transform: rotateX(0deg);

}

@keyframes blink-l {

0% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

2% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

4%, 20% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

22% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

24%, 30% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

32% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

34%, 70% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

72% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

74%, 100% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes blink-r {

0% {

-webkit-transform: rotateX(0deg);

}

2% {

-webkit-transform: rotateX(80deg);

}

4%, 30% {

-webkit-transform: rotateX(0deg);

}

32% {

-webkit-transform: rotateX(80deg);

}

34%, 50% {

-webkit-transform: rotateX(0deg);

}

52% {

-webkit-transform: rotateX(80deg);

}

54%, 100% {

-webkit-transform: rotateX(0deg);

}

@-moz-keyframes blink-r {

0% {

-moz-transform: rotateX(0deg);

}

2% {

-moz-transform: rotateX(80deg);

}

4%, 30% {

-moz-transform: rotateX(0deg);

}

32% {

-moz-transform: rotateX(80deg);

}

34%, 50% {

-moz-transform: rotateX(0deg);

}

52% {

-moz-transform: rotateX(80deg);

}

54%, 100% {

-moz-transform: rotateX(0deg);

}

@-o-keyframes blink-r {

0% {

-o-transform: rotateX(0deg);

}

2% {

-o-transform: rotateX(80deg);

}

4%, 30% {

-o-transform: rotateX(0deg);

}

32% {

-o-transform: rotateX(80deg);

}

34%, 50% {

-o-transform: rotateX(0deg);

}

52% {

-o-transform: rotateX(80deg);

}

54%, 100% {

-o-transform: rotateX(0deg);

}

@keyframes blink-r {

0% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

2% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

4%, 30% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

32% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

34%, 50% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

52% {

-webkit-transform: rotateX(80deg);

-moz-transform: rotateX(80deg);

-ms-transform: rotateX(80deg);

transform: rotateX(80deg);

}

54%, 100% {

-webkit-transform: rotateX(0deg);

-moz-transform: rotateX(0deg);

-ms-transform: rotateX(0deg);

transform: rotateX(0deg);

}

[not-existing] {

zoom: 1;

}

#star1 {

transform-origin: 643px 338px;

-webkit-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;

-moz-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;

-o-animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;

animation: star1 12s infinite linear, star1-fade 12s infinite ease-in-out;

}

#star2 {

transform-origin: 489px 82px;

-webkit-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;

-moz-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;

-o-animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;

animation: star2 12s infinite linear, star2-fade 12s infinite ease-in-out;

}

#star3 {

transform-origin: 316px 344px;

-webkit-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;

-moz-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;

-o-animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;

animation: star3 12s infinite linear, star3-fade 12s infinite ease-in-out;

}

#star4 {

transform-origin: 126px 182px;

-webkit-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;

-moz-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;

-o-animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;

animation: star4 12s infinite linear, star4-fade 12s infinite ease-in-out;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star1 {

0% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

15% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

30%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-moz-keyframes star1 {

0% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

15% {

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

30%, 100% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-o-keyframes star1 {

0% {

-o-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

15% {

-o-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

30%, 100% {

-o-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@keyframes star1 {

0% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);

transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

15% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);

transform: scale(1) skewX(0deg) rotateZ(360deg);

}

30%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);

transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star2 {

0%, 15% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

30% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

45%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-moz-keyframes star2 {

0%, 15% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

30% {

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

45%, 100% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-o-keyframes star2 {

0%, 15% {

-o-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

30% {

-o-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

45%, 100% {

-o-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@keyframes star2 {

0%, 15% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);

transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

30% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);

transform: scale(1) skewX(0deg) rotateZ(360deg);

}

45%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);

transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star3 {

0%, 30% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

45% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

60%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-moz-keyframes star3 {

0%, 30% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

45% {

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

60%, 100% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-o-keyframes star3 {

0%, 30% {

-o-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

45% {

-o-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

60%, 100% {

-o-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@keyframes star3 {

0%, 30% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);

transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

45% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);

transform: scale(1) skewX(0deg) rotateZ(360deg);

}

60%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);

transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star4 {

0%, 45% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

60% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

75%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-moz-keyframes star4 {

0%, 45% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

60% {

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

75%, 100% {

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@-o-keyframes star4 {

0%, 45% {

-o-transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

60% {

-o-transform: scale(1) skewX(0deg) rotateZ(360deg);

}

75%, 100% {

-o-transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

@keyframes star4 {

0%, 45% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(0deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(0deg);

transform: scale(.5) skewX(15deg) rotateZ(0deg);

}

60% {

-webkit-transform: scale(1) skewX(0deg) rotateZ(360deg);

-moz-transform: scale(1) skewX(0deg) rotateZ(360deg);

-ms-transform: scale(1) skewX(0deg) rotateZ(360deg);

transform: scale(1) skewX(0deg) rotateZ(360deg);

}

75%, 100% {

-webkit-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-moz-transform: scale(.5) skewX(15deg) rotateZ(720deg);

-ms-transform: scale(.5) skewX(15deg) rotateZ(720deg);

transform: scale(.5) skewX(15deg) rotateZ(720deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star1-fade {

0% {

opacity: 0;

}

15% {

opacity: 1;

}

30%, 100% {

opacity: 0;

}

@-moz-keyframes star1-fade {

0% {

opacity: 0;

}

15% {

opacity: 1;

}

30%, 100% {

opacity: 0;

}

@-o-keyframes star1-fade {

0% {

opacity: 0;

}

15% {

opacity: 1;

}

30%, 100% {

opacity: 0;

}

@keyframes star1-fade {

0% {

opacity: 0;

}

15% {

opacity: 1;

}

30%, 100% {

opacity: 0;

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star2-fade {

0%, 15% {

opacity: 0;

}

30% {

opacity: 1;

}

45%, 100% {

opacity: 0;

}

@-moz-keyframes star2-fade {

0%, 15% {

opacity: 0;

}

30% {

opacity: 1;

}

45%, 100% {

opacity: 0;

}

@-o-keyframes star2-fade {

0%, 15% {

opacity: 0;

}

30% {

opacity: 1;

}

45%, 100% {

opacity: 0;

}

@keyframes star2-fade {

0%, 15% {

opacity: 0;

}

30% {

opacity: 1;

}

45%, 100% {

opacity: 0;

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star3-fade {

0%, 30% {

opacity: 0;

}

45% {

opacity: 1;

}

60%, 100% {

opacity: 0;

}

@-moz-keyframes star3-fade {

0%, 30% {

opacity: 0;

}

45% {

opacity: 1;

}

60%, 100% {

opacity: 0;

}

@-o-keyframes star3-fade {

0%, 30% {

opacity: 0;

}

45% {

opacity: 1;

}

60%, 100% {

opacity: 0;

}

@keyframes star3-fade {

0%, 30% {

opacity: 0;

}

45% {

opacity: 1;

}

60%, 100% {

opacity: 0;

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes star4-fade {

0%, 45% {

opacity: 0;

}

60% {

opacity: 1;

}

75%, 100% {

opacity: 0;

}

@-moz-keyframes star4-fade {

0%, 45% {

opacity: 0;

}

60% {

opacity: 1;

}

75%, 100% {

opacity: 0;

}

@-o-keyframes star4-fade {

0%, 45% {

opacity: 0;

}

60% {

opacity: 1;

}

75%, 100% {

opacity: 0;

}

@keyframes star4-fade {

0%, 45% {

opacity: 0;

}

60% {

opacity: 1;

}

75%, 100% {

opacity: 0;

}

[not-existing] {

zoom: 1;

}

#sword-path {

transform-origin: 458px 206px;

-webkit-animation: tetris-float 3s infinite ease-in-out;

-moz-animation: tetris-float 3s infinite ease-in-out;

-o-animation: tetris-float 3s infinite ease-in-out;

animation: tetris-float 3s infinite ease-in-out;

}

#sword {

transform-origin: 458px 206px;

-webkit-animation: sword 4s infinite ease-out;

-moz-animation: sword 4s infinite ease-out;

-o-animation: sword 4s infinite ease-out;

animation: sword 4s infinite ease-out;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes sword {

0%, 15% {

-webkit-transform: rotate(-40deg);

}

87% {

-webkit-transform: rotate(50deg);

}

100% {

-webkit-transform: rotate(-40deg);

}

@-moz-keyframes sword {

0%, 15% {

-moz-transform: rotate(-40deg);

}

87% {

-moz-transform: rotate(50deg);

}

100% {

-moz-transform: rotate(-40deg);

}

@-o-keyframes sword {

0%, 15% {

-o-transform: rotate(-40deg);

}

87% {

-o-transform: rotate(50deg);

}

100% {

-o-transform: rotate(-40deg);

}

@keyframes sword {

0%, 15% {

-webkit-transform: rotate(-40deg);

-moz-transform: rotate(-40deg);

-ms-transform: rotate(-40deg);

transform: rotate(-40deg);

}

87% {

-webkit-transform: rotate(50deg);

-moz-transform: rotate(50deg);

-ms-transform: rotate(50deg);

transform: rotate(50deg);

}

100% {

-webkit-transform: rotate(-40deg);

-moz-transform: rotate(-40deg);

-ms-transform: rotate(-40deg);

transform: rotate(-40deg);

}

[not-existing] {

zoom: 1;

}

#tetris-path {

transform-origin: 538px 374px;

-webkit-animation: tetris-float 5s infinite ease-in-out;

-moz-animation: tetris-float 5s infinite ease-in-out;

-o-animation: tetris-float 5s infinite ease-in-out;

animation: tetris-float 5s infinite ease-in-out;

}

#tetris {

transform-origin: 538px 374px;

-webkit-animation: rotate 10s steps(1) infinite alternate;

-moz-animation: rotate 10s steps(1) infinite alternate;

-o-animation: rotate 10s steps(1) infinite alternate;

animation: rotate 10s steps(1) infinite alternate;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes rotate {

0% {

-webkit-transform: rotateZ(0deg);

}

25% {

-webkit-transform: rotateZ(90deg);

}

50% {

-webkit-transform: rotateZ(180deg);

}

75% {

-webkit-transform: rotateZ(270deg);

}

100% {

-webkit-transform: rotateZ(360deg);

}

@-moz-keyframes rotate {

0% {

-moz-transform: rotateZ(0deg);

}

25% {

-moz-transform: rotateZ(90deg);

}

50% {

-moz-transform: rotateZ(180deg);

}

75% {

-moz-transform: rotateZ(270deg);

}

100% {

-moz-transform: rotateZ(360deg);

}

@-o-keyframes rotate {

0% {

-o-transform: rotateZ(0deg);

}

25% {

-o-transform: rotateZ(90deg);

}

50% {

-o-transform: rotateZ(180deg);

}

75% {

-o-transform: rotateZ(270deg);

}

100% {

-o-transform: rotateZ(360deg);

}

@keyframes rotate {

0% {

-webkit-transform: rotateZ(0deg);

-moz-transform: rotateZ(0deg);

-ms-transform: rotateZ(0deg);

transform: rotateZ(0deg);

}

25% {

-webkit-transform: rotateZ(90deg);

-moz-transform: rotateZ(90deg);

-ms-transform: rotateZ(90deg);

transform: rotateZ(90deg);

}

50% {

-webkit-transform: rotateZ(180deg);

-moz-transform: rotateZ(180deg);

-ms-transform: rotateZ(180deg);

transform: rotateZ(180deg);

}

75% {

-webkit-transform: rotateZ(270deg);

-moz-transform: rotateZ(270deg);

-ms-transform: rotateZ(270deg);

transform: rotateZ(270deg);

}

100% {

-webkit-transform: rotateZ(360deg);

-moz-transform: rotateZ(360deg);

-ms-transform: rotateZ(360deg);

transform: rotateZ(360deg);

}

[not-existing] {

zoom: 1;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes tetris-float {

0% {

-webkit-transform: translate(0px, 0px) scale(0.90)

}

65% {

-webkit-transform: translate(0px, 30px) scale(1.0);

}

100% {

-webkit-transform: translate(0px, 0px) scale(0.90);

}

@-moz-keyframes tetris-float {

0% {

-moz-transform: translate(0px, 0px) scale(0.90)

}

65% {

-moz-transform: translate(0px, 30px) scale(1.0);

}

100% {

-moz-transform: translate(0px, 0px) scale(0.90);

}

@-o-keyframes tetris-float {

0% {

-o-transform: translate(0px, 0px) scale(0.90)

}

65% {

-o-transform: translate(0px, 30px) scale(1.0);

}

100% {

-o-transform: translate(0px, 0px) scale(0.90);

}

@keyframes tetris-float {

0% {

-webkit-transform: translate(0px, 0px) scale(0.90);

-moz-transform: translate(0px, 0px) scale(0.90);

-ms-transform: translate(0px, 0px) scale(0.90);

transform: translate(0px, 0px) scale(0.90);

}

65% {

-webkit-transform: translate(0px, 30px) scale(1.0);

-moz-transform: translate(0px, 30px) scale(1.0);

-ms-transform: translate(0px, 30px) scale(1.0);

transform: translate(0px, 30px) scale(1.0);

}

100% {

-webkit-transform: translate(0px, 0px) scale(0.90);

-moz-transform: translate(0px, 0px) scale(0.90);

-ms-transform: translate(0px, 0px) scale(0.90);

transform: translate(0px, 0px) scale(0.90);

}

[not-existing] {

zoom: 1;

}

#triforce {

transform-origin: 175px 91px;

-webkit-animation: triforce-float 3s infinite ease-in-out;

-moz-animation: triforce-float 3s infinite ease-in-out;

-o-animation: triforce-float 3s infinite ease-in-out;

animation: triforce-float 3s infinite ease-in-out;

}

lesshat-selector {

-lh-property: 0;

}

@-webkit-keyframes triforce-float {

0% {

-webkit-transform: translate(0px, 0px) scale(0.90)

}

65% {

-webkit-transform: translate(0px, 30px) scale(1.0);

}

100% {

-webkit-transform: translate(0px, 0px) scale(0.90);

}

@-moz-keyframes triforce-float {

0% {

-moz-transform: translate(0px, 0px) scale(0.90)

}

65% {

-moz-transform: translate(0px, 30px) scale(1.0);

}

100% {

-moz-transform: translate(0px, 0px) scale(0.90);

}

@-o-keyframes triforce-float {

0% {

-o-transform: translate(0px, 0px) scale(0.90)

}

65% {

-o-transform: translate(0px, 30px) scale(1.0);

}

100% {

-o-transform: translate(0px, 0px) scale(0.90);

}

@keyframes triforce-float {