纯css实现三维游戏场景效果
代码语言:html
所属分类:三维
代码描述:纯css实现三维游戏场景效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .X00 { background-color: black; } .XFD { background-color: #cccccc; } .XFE { background-color: #00acee; } .XFF { background-color: transparent; } .X01 { background-color: #281b0a; } .X02 { background-color: #2c1e0e; } .X03 { background-color: #865334; } .X04 { background-color: #302872; } .X05 { background-color: #3f3f3f; } .X06 { background-color: #26180b; } .X07 { background-color: #281a0d; } .X08 { background-color: #26215b; } .X09 { background-color: #261a0a; } .X0A { background-color: #2d1d0e; } .X0B { background-color: #9a6344; } .X0C { background-color: #271b0b; } .X0D { background-color: #291c0c; } .X0E { background-color: #261a0c; } .X0F { background-color: #62432f; } .X10 { background-color: #2b1e0e; } .X11 { background-color: #231709; } .X12 { background-color: #2c1e11; } .X13 { background-color: #9d6a4f; } .X14 { background-color: #9c6748; } .X15 { background-color: #5649cc; } .X16 { background-color: #463aa5; } .X17 { background-color: #6b6b6b; } .X18 { background-color: #322310; } .X19 { background-color: #281b0b; } .X1A { background-color: #87583a; } .X1B { background-color: #845231; } .X1C { background-color: #965f41; } .X1D { background-color: #3a3189; } .X1E { background-color: #2d2010; } .X1F { background-color: #2b1e0d; } .X20 { background-color: #24180a; } .X21 { background-color: #9c6345; } .X22 { background-color: #8a593b; } .X23 { background-color: #332411; } .X24 { background-color: #2f2211; } .X25 { background-color: #3a2814; } .X26 { background-color: #885a39; } .X27 { background-color: #75472f; } .X28 { background-color: #74482f; } .X29 { background-color: #2a1d0d; } .X2A { background-color: #241808; } .X2B { background-color: #2f200d; } .X2C { background-color: #aa7d66; } .X2D { background-color: #b4846d; } .X2E { background-color: #9c6346; } .X2F { background-color: #905e43; } .X30 { background-color: #6f452c; } .X31 { background-color: #282828; } .X32 { background-color: #2f1f0f; } .X33 { background-color: #b6896c; } .X34 { background-color: #ffffff; } .X35 { background-color: #b37b62; } .X36 { background-color: #965f40; } .X37 { background-color: #6d432a; } .X38 { background-color: #bd8e72; } .X39 { background-color: #523d89; } .X3A { background-color: #b78272; } .X3B { background-color: #774235; } .X3C { background-color: #815339; } .X3D { background-color: #281c0b; } .X3E { background-color: #c69680; } .X3F { background-color: #ad806d; } .X40 { background-color: #b57b67; } .X41 { background-color: #6a4030; } .X42 { background-color: #422a12; } .X43 { background-color: #bd8b72; } .X44 { background-color: #9c725c; } .X45 { background-color: #bb8972; } .X46 { background-color: #7a4e33; } .X47 { background-color: #1f100b; } .X48 { background-color: #3f2a15; } .X49 { background-color: #bd8e74; } .X4A { background-color: #be886c; } .X4B { background-color: #83553b; } .X4C { background-color: #ac765a; } .X4D { background-color: #9c694c; } .X4E { background-color: #a26a47; } .X4F { background-color: #8f5e3e; } .X50 { background-color: #342512; } .X51 { background-color: #805334; } .X52 { background-color: #007f7f; } .X53 { background-color: #006868; } .X54 { background-color: #005b5b; } .X55 { background-color: #232323; } .X56 { background-color: #9f6849; } .X57 { background-color: #9a644a; } .X58 { background-color: #00cccc; } .X59 { background-color: #009999; } .X5A { background-color: #00a8a8; } .X5B { background-color: #00afaf; } .X5C { background-color: #009e9e; } .X5D { background-color: #522826; } .X5E { background-color: #006060; } .X5F { background-color: #87553b; } .X60 { background-color: #966f5b; } .X61 { background-color: #513125; } .X62 { background-color: #e68583; } .X63 { background-color: #e67973; } .X64 { background-color: #c6615a; } .X65 { background-color: #e6918b; } .X66 { background-color: #e4686a; } .X67 { background-color: #f19e98; } .X68 { background-color: #894746; } .X69 { background-color: #ff9392; } .X6A { background-color: #eea5a4; } .X6B { background-color: #fbbebe; } .X6C { background-color: #be504d; } .X6D { background-color: #4e772a; } .X6E { background-color: #4f782b; } .X6F { background-color: #56832f; } .X70 { background-color: #3e5f22; } .X71 { background-color: #56822e; } .X72 { background-color: #517b2c; } .X73 { background-color: #436524; } .X74 { background-color: #4c7329; } .X75 { background-color: #588630; } .X76 { background-color: #50792b; } .X77 { background-color: #527d2c; } .X78 { background-color: #466a26; } .X79 { background-color: #629635; } .X7A { background-color: #446825; } .X7B { background-color: #466b26; } .X7C { background-color: #679d38; } .X7D { background-color: #4a7128; } .X7E { background-color: #4b7128; } .X7F { background-color: #456926; } .X80 { background-color: #507a2c; } .X81 { background-color: #537d2d; } .X82 { background-color: #476d27; } .X83 { background-color: #456925; } .X84 { background-color: #547f2d; } .X85 { background-color: #5c8b32; } .X86 { background-color: #598730; } .X87 { background-color: #55812e; } .X88 { background-color: #4f792b; } .X89 { background-color: #4e762a; } .X8A { background-color: #426424; } .X8B { background-color: #496f28; } .X8C { background-color: #406022; } .X8D { background-color: #57852f; } .X8E { background-color: #537e2d; } .X8F { background-color: #609234; } .X90 { background-color: #619334; } .X91 { background-color: #476c26; } .X92 { background-color: #669a37; } .X93 { background-color: #486d27; } .X94 { background-color: #588530; } .X95 { background-color: #4c7429; } .X96 { background-color: #4a7028; } .X97 { background-color: #5a8931; } .X98 { background-color: #4d752a; } .X99 { background-color: #416323; } .X9A { background-color: #496e27; } .X9B { background-color: #5b8a31; } .X9C { background-color: #5f9033; } .X9D { background-color: #57842f; } .X9E { background-color: #446725; } .X9F { background-color: #5c8c32; } .XA0 { background-color: #426423; } .XA1 { background-color: #5b8931; } .XA2 { background-color: #436624; } .XA3 { background-color: #4b7229; } .XA4 { background-color: #416223; } .XA5 { background-color: #598830; } .XA6 { background-color: #54802e; } .XA7 { background-color: #3e5e21; } .XA8 { background-color: #406123; } .XA9 { background-color: #659a37; } .XAA { background-color: #3f6022; } .XAB { background-color: #3b5a20; } .XAC { background-color: #74b44a; } .XAD { background-color: #75b54b; } .XAE { background-color: #8dbc5d; } .XAF { background-color: #593d29; } .XB0 { background-color: #966c4a; } .XB1 { background-color: #79553a; } .XB2 { background-color: #b9855c; } .XB3 { background-color: #76b64c; } .XB4 { background-color: #6cac42; } .XB5 { background-color: #6c6c6c; } .XB6 { background-color: #73b349; } .XB7 { background-color: #8ab95a; } .XB8 { background-color: #9ccb6c; } .XB9 { background-color: #66a63c; } .XBA { background-color: #81b051; } .XBB { background-color: #64a43a; } .XBC { background-color: #83b253; } .XBD { background-color: #69a93f; } .XBE { background-color: #71b147; } .XBF { background-color: #878787; } .XC0 { background-color: #745844; } .XC1 { background-color: #6faf45; } .XC2 { background-color: #5f9f35; } .XC3 { background-color: #68a83e; } .XC4 { background-color: #70b046; } .XC5 { background-color: #62a238; } .XC6 { background-color: #7ebe54; } .XC7 { background-color: #93c263; } .XC8 { background-color: #7fbf55; } .XC9 { background-color: #6aaa40; } .XCA { background-color: #90bf60; } .XCB { background-color: #92c162; } .XCC { background-color: #6dad43; } .XCD { background-color: #67a73d; } .XCE { background-color: #97c667; } .XCF { background-color: #61a137; } .XD0 { background-color: #57972d; } .XD1 { background-color: #509026; } .XD2 { background-color: #60a036; } .XD3 { background-color: #6bab41; } .poly > div { display: flex; position: relative; } .poly > div > div { height: 2vh; position: relative; } @media screen and (orientation: portrait) { .poly > div > div { height: 2vw; } } .r-1 { width: 2vh; } @media screen and (orientation: portrait) { .r-1 { width: 2vw; } } .r-2 { width: 4vh; } @media screen and (orientation: portrait) { .r-2 { width: 4vw; } } .r-3 { width: 6vh; } @media screen and (orientation: portrait) { .r-3 { width: 6vw; } } .r-4 { width: 8vh; } @media screen and (orientation: portrait) { .r-4 { width: 8vw; } } .r-5 { width: 10vh; } @media screen and (orientation: portrait) { .r-5 { width: 10vw; } } .r-6 { width: 12vh; } @media screen and (orientation: portrait) { .r-6 { width: 12vw; } } .r-7 { width: 14vh; } @media screen and (orientation: portrait) { .r-7 { width: 14vw; } } .r-8 { width: 16vh; } @media screen and (orientation: portrait) { .r-8 { width: 16vw; } } .r-9 { width: 18vh; } @media screen and (orientation: portrait) { .r-9 { width: 18vw; } } .r-10 { width: 20vh; } @media screen and (orientation: portrait) { .r-10 { width: 20vw; } } .control { position: absolute; height: 8vh; width: 8vh; margin: 0; opacity: 0; top: 4vh; z-index: 2; } .control.control-pig { left: 4vh; } .control.control-pig:checked ~ .stage .pig { display: block; } .control.control-pig:checked ~ .icon-pig { filter: none; } .control.control-steve { left: 16vh; } .control.control-steve:checked ~ .stage .steve { display: block; } .control.control-steve:checked ~ .icon-steve { filter: none; } .control.control-terrain { left: 28vh; } .control.control-terrain:checked ~ .stage .environment { display: block; } .control.control-terrain:checked ~ .icon-terrain { filter: none; } .icon { top: 4vh; z-index: 1; filter: grayscale(100%); } .icon .r-1 { width: 1vh; } .icon .r-2 { width: 2vh; } .icon .r-3 { width: 3vh; } .icon .r-4 { width: 4vh; } .icon .r-5 { width: 5vh; } .icon .r-6 { width: 6vh; } .icon .r-7 { width: 7vh; } .icon .r-8 { width: 8vh; } .icon > div { display: flex; position: relative; } .icon > div > div { height: 1vh; position: relative; } .icon.icon-pig { left: 4vh; } .icon.icon-steve { left: 16vh; } .icon.icon-terrain { left: 28vh; } @keyframes move { 50% { offset-distance: 50%; transform: rotateX(90deg) translateY(0); } 55% { offset-distance: 55%; transform: rotateX(90deg) translateY(-200px); } 60% { offset-distance: 60%; transform: rotateX(90deg) translateY(0); } 100% { offset-distance: 100%; } } .reverse { animation-direction: alternate-reverse !important; } .s__8__8__8 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(16vh) translateY(-8vh) translateX(0vh); } .s__8__8__8 > div:nth-child(2) { transform: translateZ(8vh) translateX(-8vh) translateY(-8vh); } .s__8__8__8 > div:nth-child(3) { transform: rotateY(90deg) translateZ(0vh) translateY(-8vh) translateX(0vh); } .s__8__8__8 > div:nth-child(4) { transform: rotateY(180deg) translateZ(8vh) translateX(8vh) translateY(-8vh); } .s__8__8__8 > div:nth-child(5) { transform: rotateX(90deg) translateZ(16vh) translateX(-8vh) translateY(0vh); } .s__8__8__8 > div:nth-child(6) { transform: rotateX(90deg) translateZ(0vh) translateX(-8vh) translateY(0vh); } @media screen and (orientation: portrait) { .s__8__8__8 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(16vw) translateY(-8vw) translateX(0vw); } .s__8__8__8 > div:nth-child(2) { transform: translateZ(8vw) translateX(-8vw) translateY(-8vw); } .s__8__8__8 > div:nth-child(3) { transform: rotateY(90deg) translateZ(0vw) translateY(-8vw) translateX(0vw); } .s__8__8__8 > div:nth-child(4) { transform: rotateY(180deg) translateZ(8vw) translateX(8vw) translateY(-8vw); } .s__8__8__8 > div:nth-child(5) { transform: rotateX(90deg) translateZ(16vw) translateX(-8vw) translateY(0vw); } .s__8__8__8 > div:nth-child(6) { transform: rotateX(90deg) translateZ(0vw) translateX(-8vw) translateY(0vw); } } .s__8__12__4 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(12vh) translateY(-12vh) translateX(0vh); } .s__8__12__4 > div:nth-child(2) { transform: translateZ(4vh) translateX(-8vh) translateY(-12vh); } .s__8__12__4 > div:nth-child(3) { transform: rotateY(90deg) translateZ(4vh) translateY(-12vh) translateX(0vh); } .s__8__12__4 > div:nth-child(4) { transform: rotateY(180deg) translateZ(4vh) translateX(8vh) translateY(-12vh); } .s__8__12__4 > div:nth-child(5) { transform: rotateX(90deg) translateZ(16vh) translateX(-8vh) translateY(0vh); } .s__8__12__4 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-8vh) translateX(-8vh) translateY(0vh); } @media screen and (orientation: portrait) { .s__8__12__4 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(12vw) translateY(-12vw) translateX(0vw); } .s__8__12__4 > div:nth-child(2) { transform: translateZ(4vw) translateX(-8vw) translateY(-12vw); } .s__8__12__4 > div:nth-child(3) { transform: rotateY(90deg) translateZ(4vw) translateY(-12vw) translateX(0vw); } .s__8__12__4 > div:nth-child(4) { transform: rotateY(180deg) translateZ(4vw) translateX(8vw) translateY(-12vw); } .s__8__12__4 > div:nth-child(5) { transform: rotateX(90deg) translateZ(16vw) translateX(-8vw) translateY(0vw); } .s__8__12__4 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-8vw) translateX(-8vw) translateY(0vw); } } .s__4__12__4 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(8vh) translateY(-12vh) translateX(0vh); } .s__4__12__4 > div:nth-child(2) { transform: translateZ(4vh) translateX(-4vh) translateY(-12vh); } .s__4__12__4 > div:nth-child(3) { transform: rotateY(90deg) translateZ(0vh) translateY(-12vh) translateX(0vh); } .s__4__12__4 > div:nth-child(4) { transform: rotateY(180deg) translateZ(4vh) translateX(4vh) translateY(-12vh); } .s__4__12__4 > div:nth-child(5) { transform: rotateX(90deg) translateZ(16vh) translateX(-4vh) translateY(0vh); } .s__4__12__4 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-8vh) translateX(-4vh) translateY(0vh); } @media screen and (orientation: portrait) { .s__4__12__4 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(8vw) translateY(-12vw) translateX(0vw); } .s__4__12__4 > div:nth-child(2) { transform: translateZ(4vw) translateX(-4vw) translateY(-12vw); } .s__4__12__4 > div:nth-child(3) { transform: rotateY(90deg) translateZ(0vw) translateY(-12vw) translateX(0vw); } .s__4__12__4 > div:nth-child(4) { transform: rotateY(180deg) translateZ(4vw) translateX(4vw) translateY(-12vw); } .s__4__12__4 > div:nth-child(5) { transform: rotateX(90deg) translateZ(16vw) translateX(-4vw) translateY(0vw); } .s__4__12__4 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-8vw) translateX(-4vw) translateY(0vw); } } .s__4__3__1 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(5vh) translateY(-2vh) translateX(1vh); } .s__4__3__1 > div:nth-child(2) { transform: translateZ(2vh) translateX(-4vh) translateY(-2vh); } .s__4__3__1 > div:nth-child(3) { transform: rotateY(90deg) translateZ(3vh) translateY(-2vh) translateX(-1vh); } .s__4__3__1 > div:nth-child(4) { transform: rotateY(180deg) translateZ(1vh) translateX(4vh) translateY(-2vh); } .s__4__3__1 > div:nth-child(5) { transform: rotateX(90deg) translateZ(3vh) translateX(-4vh) translateY(1vh); } .s__4__3__1 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-3vh) translateX(-4vh) translateY(1vh); } @media screen and (orientation: portrait) { .s__4__3__1 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(5vw) translateY(-2vw) translateX(1vw); } .s__4__3__1 > div:nth-child(2) { transform: translateZ(2vw) translateX(-4vw) translateY(-2vw); } .s__4__3__1 > div:nth-child(3) { transform: rotateY(90deg) translateZ(3vw) translateY(-2vw) translateX(-1vw); } .s__4__3__1 > div:nth-child(4) { transform: rotateY(180deg) translateZ(1vw) translateX(4vw) translateY(-2vw); } .s__4__3__1 > div:nth-child(5) { transform: rotateX(90deg) translateZ(3vw) translateX(-4vw) translateY(1vw); } .s__4__3__1 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-3vw) translateX(-4vw) translateY(1vw); } } .s__10__16__8 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(18vh) translateY(-16vh) translateX(0vh); } .s__10__16__8 > div:nth-child(2) { transform: translateZ(8vh) translateX(-10vh) translateY(-16vh); } .s__10__16__8 > div:nth-child(3) { transform: rotateY(90deg) translateZ(2vh) translateY(-16vh) translateX(0vh); } .s__10__16__8 > div:nth-child(4) { transform: rotateY(180deg) translateZ(8vh) translateX(10vh) translateY(-16vh); } .s__10__16__8 > div:nth-child(5) { transform: rotateX(90deg) translateZ(24vh) translateX(-10vh) translateY(0vh); } .s__10__16__8 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-8vh) translateX(-10vh) translateY(0vh); } @media screen and (orientation: portrait) { .s__10__16__8 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(18vw) translateY(-16vw) translateX(0vw); } .s__10__16__8 > div:nth-child(2) { transform: translateZ(8vw) translateX(-10vw) translateY(-16vw); } .s__10__16__8 > div:nth-child(3) { transform: rotateY(90deg) translateZ(2vw) translateY(-16vw) translateX(0vw); } .s__10__16__8 > div:nth-child(4) { transform: rotateY(180deg) translateZ(8vw) translateX(10vw) translateY(-16vw); } .s__10__16__8 > div:nth-child(5) { transform: rotateX(90deg) translateZ(24vw) translateX(-10vw) translateY(0vw); } .s__10__16__8 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-8vw) translateX(-10vw) translateY(0vw); } } .s__4__6__4 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(8vh) translateY(-6vh) translateX(0vh); } .s__4__6__4 > div:nth-child(2) { transform: translateZ(4vh) translateX(-4vh) translateY(-6vh); } .s__4__6__4 > div:nth-child(3) { transform: rotateY(90deg) translateZ(0vh) translateY(-6vh) translateX(0vh); } .s__4__6__4 > div:nth-child(4) { transform: rotateY(180deg) translateZ(4vh) translateX(4vh) translateY(-6vh); } .s__4__6__4 > div:nth-child(5) { transform: rotateX(90deg) translateZ(10vh) translateX(-4vh) translateY(0vh); } .s__4__6__4 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-2vh) translateX(-4vh) translateY(0vh); } @media screen and (orientation: portrait) { .s__4__6__4 > div:nth-child(1) { transform: rotateY(-90deg) translateZ(8vw) translateY(-6vw) translateX(0vw); } .s__4__6__4 > div:nth-child(2) { transform: translateZ(4vw) translateX(-4vw) translateY(-6vw); } .s__4__6__4 > div:nth-child(3) { transform: rotateY(90deg) translateZ(0vw) translateY(-6vw) translateX(0vw); } .s__4__6__4 > div:nth-child(4) { transform: rotateY(180deg) translateZ(4vw) translateX(4vw) translateY(-6vw); } .s__4__6__4 > div:nth-child(5) { transform: rotateX(90deg) translateZ(10vw) translateX(-4vw) translateY(0vw); } .s__4__6__4 > div:nth-child(6) { transform: rotateX(90deg) translateZ(-2vw) translateX(-4vw) translateY(0vw); } } .l__0__-10__0 { transform: translateX(0vh) translateY(-20vh) translateZ(0vh); } @keyframes swing__0__-10__0 { 0% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(45deg); } 100% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(-45deg); } } @keyframes swing__0__-10__0__p { 0% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(45deg); } 100% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(-45deg); } } @keyframes bob__0__-10__0 { 0% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(0deg); } 10% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(0deg); } 20% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(-45deg); } 30% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(-15deg); } 40% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(-45deg); } 50% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(-15deg); } 60% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(-45deg); } 70% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(0deg); } 100% { transform: translateX(0vh) translateY(-20vh) translateZ(0vh) rotateX(0deg); } } @keyframes bob__0__-10__0__p { 0% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(0deg); } 10% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(0deg); } 20% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(-45deg); } 30% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(-15deg); } 40% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(-45deg); } 50% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(-15deg); } 60% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(-45deg); } 70% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(0deg); } 100% { transform: translateX(0vw) translateY(-20vw) translateZ(0vw) rotateX(0deg); } } .l__0__-10__0.swing { animation: swing__0__-10__0 0.5s infinite linear alternate; } .l__0__-10__0.bob { animation: bob__0__-10__0 2s infinite linear; } @media screen and (orientation: portrait) { .l__0__-10__0 { transform: translateX(0vw) translateY(-20vw) translateZ(0vw); } .l__0__-10__0.swing { animation: swing__0__-10__0__p 0.5s infinite linear alternate; } .l__0__-10__0.bob { animation: bob__0__-10__0__p 2s infinite linear; } } .l__0__0__0 { transform: translateX(0vh) translateY(0vh) translateZ(0vh); } @keyframes swing__0__0__0 { 0% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(45deg); } 100% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } } @keyframes swing__0__0__0__p { 0% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(45deg); } 100% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } } @keyframes bob__0__0__0 { 0% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 10% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 20% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 30% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(-15deg); } 40% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 50% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(-15deg); } 60% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 70% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 100% { transform: translateX(0vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } } @keyframes bob__0__0__0__p { 0% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 10% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 20% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 30% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(-15deg); } 40% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 50% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(-15deg); } 60% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 70% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 100% { transform: translateX(0vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } } .l__0__0__0.swing { animation: swing__0__0__0 0.5s infinite linear alternate; } .l__0__0__0.bob { animation: bob__0__0__0 2s infinite linear; } @media screen and (orientation: portrait) { .l__0__0__0 { transform: translateX(0vw) translateY(0vw) translateZ(0vw); } .l__0__0__0.swing { animation: swing__0__0__0__p 0.5s infinite linear alternate; } .l__0__0__0.bob { animation: bob__0__0__0__p 2s infinite linear; } } .l__-6__0__0 { transform: translateX(-12vh) translateY(0vh) translateZ(0vh); } @keyframes swing__-6__0__0 { 0% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(45deg); } 100% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } } @keyframes swing__-6__0__0__p { 0% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(45deg); } 100% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } } @keyframes bob__-6__0__0 { 0% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 10% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 20% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 30% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(-15deg); } 40% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 50% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(-15deg); } 60% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 70% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 100% { transform: translateX(-12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } } @keyframes bob__-6__0__0__p { 0% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 10% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 20% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 30% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(-15deg); } 40% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 50% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(-15deg); } 60% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 70% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 100% { transform: translateX(-12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } } .l__-6__0__0.swing { animation: swing__-6__0__0 0.5s infinite linear alternate; } .l__-6__0__0.bob { animation: bob__-6__0__0 2s infinite linear; } @media screen and (orientation: portrait) { .l__-6__0__0 { transform: translateX(-12vw) translateY(0vw) translateZ(0vw); } .l__-6__0__0.swing { animation: swing__-6__0__0__p 0.5s infinite linear alternate; } .l__-6__0__0.bob { animation: bob__-6__0__0__p 2s infinite linear; } } .l__6__0__0 { transform: translateX(12vh) translateY(0vh) translateZ(0vh); } @keyframes swing__6__0__0 { 0% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(45deg); } 100% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } } @keyframes swing__6__0__0__p { 0% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(45deg); } 100% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } } @keyframes bob__6__0__0 { 0% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 10% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 20% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 30% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(-15deg); } 40% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 50% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(-15deg); } 60% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(-45deg); } 70% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } 100% { transform: translateX(12vh) translateY(0vh) translateZ(0vh) rotateX(0deg); } } @keyframes bob__6__0__0__p { 0% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 10% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 20% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 30% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(-15deg); } 40% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 50% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(-15deg); } 60% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(-45deg); } 70% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } 100% { transform: translateX(12vw) translateY(0vw) translateZ(0vw) rotateX(0deg); } } .l__6__0__0.swing { animation: swing__6__0__0 0.5s infinite linear alternate; } .l__6__0__0.bob { animation: bob__6__0__0 2s infinite linear; } @media screen and (orientation: portrait) { .l__6__0__0 { transform: translateX(12vw) translateY(0vw) translateZ(0vw); } .l__6__0__0.swing { animation: swing__6__0__0__p 0.5s infinite linear alternate; } .l__6__0__0.bob { animation: bob__6__0__0__p 2s infinite linear; } } .l__-2__12__0 { transform: translateX(-4vh) translateY(24vh) translateZ(0vh); } @keyframes swing__-2__12__0 { 0% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(45deg); } 100% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } } @keyframes swing__-2__12__0__p { 0% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(45deg); } 100% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } } @keyframes bob__-2__12__0 { 0% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } 10% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } 20% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } 30% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(-15deg); } 40% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } 50% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(-15deg); } 60% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } 70% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } 100% { transform: translateX(-4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } } @keyframes bob__-2__12__0__p { 0% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } 10% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } 20% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } 30% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(-15deg); } 40% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } 50% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(-15deg); } 60% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } 70% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } 100% { transform: translateX(-4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } } .l__-2__12__0.swing { animation: swing__-2__12__0 0.5s infinite linear alternate; } .l__-2__12__0.bob { animation: bob__-2__12__0 2s infinite linear; } @media screen and (orientation: portrait) { .l__-2__12__0 { transform: translateX(-4vw) translateY(24vw) translateZ(0vw); } .l__-2__12__0.swing { animation: swing__-2__12__0__p 0.5s infinite linear alternate; } .l__-2__12__0.bob { animation: bob__-2__12__0__p 2s infinite linear; } } .l__2__12__0 { transform: translateX(4vh) translateY(24vh) translateZ(0vh); } @keyframes swing__2__12__0 { 0% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(45deg); } 100% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } } @keyframes swing__2__12__0__p { 0% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(45deg); } 100% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } } @keyframes bob__2__12__0 { 0% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } 10% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } 20% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } 30% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(-15deg); } 40% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } 50% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(-15deg); } 60% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(-45deg); } 70% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } 100% { transform: translateX(4vh) translateY(24vh) translateZ(0vh) rotateX(0deg); } } @keyframes bob__2__12__0__p { 0% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } 10% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } 20% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } 30% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(-15deg); } 40% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } 50% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(-15deg); } 60% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(-45deg); } 70% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } 100% { transform: translateX(4vw) translateY(24vw) translateZ(0vw) rotateX(0deg); } } .l__2__12__0.swing { animation: swing__2__12__0 0.5s infinite linear alternate; } .l__2__12__0.bob { animation: bob__2__12__0 2s infinite linear; } @media screen and (orientation: portrait) { .l__2__12__0 { transform: translateX(4vw) translateY(24vw) translateZ(0vw); } .l__2__12__0.swing { animation: swing__2__12__0__p 0.5s infinite linear alternate; } .l__2__12__0.bob { animation: bob__2__12__0__p 2s infinite linear; } } .l__0__-2__10 { transform: translateX(0vh) translateY(-4vh) translateZ(20vh); } @keyframes swing__0__-2__10 { 0% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(45deg); } 100% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(-45deg); } } @keyframes swing__0__-2__10__p { 0% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(45deg); } 100% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(-45deg); } } @keyframes bob__0__-2__10 { 0% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(0deg); } 10% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(0deg); } 20% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(-45deg); } 30% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(-15deg); } 40% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(-45deg); } 50% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(-15deg); } 60% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(-45deg); } 70% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(0deg); } 100% { transform: translateX(0vh) translateY(-4vh) translateZ(20vh) rotateX(0deg); } } @keyframes bob__0__-2__10__p { 0% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(0deg); } 10% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(0deg); } 20% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(-45deg); } 30% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(-15deg); } 40% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(-45deg); } 50% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(-15deg); } 60% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(-45deg); } 70% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(0deg); } 100% { transform: translateX(0vw) translateY(-4vw) translateZ(20vw) rotateX(0deg); } } .l__0__-2__10.swing { animation: swing__0__-2__10 0.5s infinite linear alternate; } .l__0__-2__10.bob { animation: bob__0__-2__10 2s infinite linear; } @media screen and (orientation: portrait) { .l__0__-2__10 { transform: translateX(0vw) translateY(-4vw) translateZ(20vw); } .l__0__-2__10.swing { animation: swing__0__-2__10__p 0.5s infinite linear alternate; } .l__0__-2__10.bob { animation: bob__0__-2__10__p 2s infinite linear; } } .l__0__-1__14 { transform: translateX(0vh) translateY(-2vh) translateZ(28vh); } @keyframes swing__0__-1__14 { 0% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(45deg); } 100% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(-45deg); } } @keyframes swing__0__-1__14__p { 0% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(45deg); } 100% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(-45deg); } } @keyframes bob__0__-1__14 { 0% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(0deg); } 10% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(0deg); } 20% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(-45deg); } 30% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(-15deg); } 40% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(-45deg); } 50% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(-15deg); } 60% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(-45deg); } 70% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(0deg); } 100% { transform: translateX(0vh) translateY(-2vh) translateZ(28vh) rotateX(0deg); } } @keyframes bob__0__-1__14__p { 0% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(0deg); } 10% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(0deg); } 20% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(-45deg); } 30% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(-15deg); } 40% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(-45deg); } 50% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(-15deg); } 60% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(-45deg); } 70% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(0deg); } 100% { transform: translateX(0vw) translateY(-2vw) translateZ(28vw) rotateX(0deg); } } .l__0__-1__14.swing { animation: swing__0__-1__14 0.5s infinite linear alternate; } .l__0__-1__14.bob { animation: bob__0__-1__14 2s infinite linear; } @media screen and (orientation: portrait) { .l__0__-1__14 { transform: translateX(0vw) translateY(-2vw) translateZ(28vw); } .l__0__-1__14.swing { animation: swing__0__-1__14__p 0.5s infinite linear alternate; } .l__0__-1__14.bob { animation: bob__0__-1__14__p 2s infinite linear; } } .l__-3__7__5 { transform: translateX(-6vh) translateY(14vh) translateZ(10vh); } @keyframes swing__-3__7__5 { 0% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(45deg); } 100% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } } @keyframes swing__-3__7__5__p { 0% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(45deg); } 100% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } } @keyframes bob__-3__7__5 { 0% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } 10% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } 20% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } 30% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(-15deg); } 40% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } 50% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(-15deg); } 60% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } 70% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } 100% { transform: translateX(-6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } } @keyframes bob__-3__7__5__p { 0% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } 10% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } 20% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } 30% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(-15deg); } 40% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } 50% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(-15deg); } 60% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } 70% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } 100% { transform: translateX(-6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } } .l__-3__7__5.swing { animation: swing__-3__7__5 0.5s infinite linear alternate; } .l__-3__7__5.bob { animation: bob__-3__7__5 2s infinite linear; } @media screen and (orientation: portrait) { .l__-3__7__5 { transform: translateX(-6vw) translateY(14vw) translateZ(10vw); } .l__-3__7__5.swing { animation: swing__-3__7__5__p 0.5s infinite linear alternate; } .l__-3__7__5.bob { animation: bob__-3__7__5__p 2s infinite linear; } } .l__3__7__5 { transform: translateX(6vh) translateY(14vh) translateZ(10vh); } @keyframes swing__3__7__5 { 0% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(45deg); } 100% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } } @keyframes swing__3__7__5__p { 0% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(45deg); } 100% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } } @keyframes bob__3__7__5 { 0% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } 10% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } 20% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } 30% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(-15deg); } 40% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } 50% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(-15deg); } 60% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(-45deg); } 70% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } 100% { transform: translateX(6vh) translateY(14vh) translateZ(10vh) rotateX(0deg); } } @keyframes bob__3__7__5__p { 0% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } 10% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } 20% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } 30% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(-15deg); } 40% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } 50% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(-15deg); } 60% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(-45deg); } 70% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } 100% { transform: translateX(6vw) translateY(14vw) translateZ(10vw) rotateX(0deg); } } .l__3__7__5.swing { animation: swing__3__7__5 0.5s infinite linear alternate; } .l__3__7__5.bob { animation: bob__3__7__5 2s infinite linear; } @media screen and (orientation: portrait) { .l__3__7__5 { transform: translateX(6vw) translateY(14vw) translateZ(10vw); } .l__3__7__5.swing { animation: swing__3__7__5__p 0.5s infinite linear alternate; } .l__3__7__5.bob { animation: bob__3__7__5__p 2s infinite linear; } } .l__-3__7__-7 { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh); } @keyframes swing__-3__7__-7 { 0% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(45deg); } 100% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } } @keyframes swing__-3__7__-7__p { 0% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(45deg); } 100% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } } @keyframes bob__-3__7__-7 { 0% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } 10% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } 20% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } 30% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(-15deg); } 40% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } 50% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(-15deg); } 60% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } 70% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } 100% { transform: translateX(-6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } } @keyframes bob__-3__7__-7__p { 0% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } 10% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } 20% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } 30% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(-15deg); } 40% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } 50% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(-15deg); } 60% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } 70% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } 100% { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } } .l__-3__7__-7.swing { animation: swing__-3__7__-7 0.5s infinite linear alternate; } .l__-3__7__-7.bob { animation: bob__-3__7__-7 2s infinite linear; } @media screen and (orientation: portrait) { .l__-3__7__-7 { transform: translateX(-6vw) translateY(14vw) translateZ(-14vw); } .l__-3__7__-7.swing { animation: swing__-3__7__-7__p 0.5s infinite linear alternate; } .l__-3__7__-7.bob { animation: bob__-3__7__-7__p 2s infinite linear; } } .l__3__7__-7 { transform: translateX(6vh) translateY(14vh) translateZ(-14vh); } @keyframes swing__3__7__-7 { 0% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(45deg); } 100% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } } @keyframes swing__3__7__-7__p { 0% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(45deg); } 100% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } } @keyframes bob__3__7__-7 { 0% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } 10% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } 20% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } 30% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(-15deg); } 40% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } 50% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(-15deg); } 60% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(-45deg); } 70% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } 100% { transform: translateX(6vh) translateY(14vh) translateZ(-14vh) rotateX(0deg); } } @keyframes bob__3__7__-7__p { 0% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } 10% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } 20% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } 30% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(-15deg); } 40% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } 50% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(-15deg); } 60% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(-45deg); } 70% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } 100% { transform: translateX(6vw) translateY(14vw) translateZ(-14vw) rotateX(0deg); } } .l__3__7__-7.swing { animation: swing__3__7__-7 0.5s infinite linear alternate; } .l__3__7__-7.bob { animation: bob__3__7__-7 2s infinite linear; } @media screen and (orientation: portrait) { .l__3__7__-7 { transform: translateX(6vw) translateY(14vw) translateZ(-14vw); } .l__3__7__-7.swing { animation: swing__3__7__-7__p 0.5s infinite linear alternate; } .l__3__7__-7.bob { animation: bob__3__7__-7__p 2s infinite linear; } } .o__0__0__0 { transform-origin: 0vh 0vh 0vh; } @media screen and (orientation: portrait) { .o__0__0__0 { transform-origin: 0vw 0vw 0vw; } } .o__0__-4__0 { transform-origin: 0vh -8vh 0vh; } @media screen and (orientation: portrait) { .o__0__-4__0 { transform-origin: 0vw -8vw 0vw; } } .o__0__-6__0 { transform-origin: 0vh -12vh 0vh; } @media screen and (orientation: portrait) { .o__0__-6__0 { transform-origin: 0vw -12vw 0vw; } } .o__0__0__-4 { transform-origin: 0vh 0vh -8vh; } @media screen and (orientation: portrait) { .o__0__0__-4 { transform-origin: 0vw 0vw -8vw; } } .o__0__-1__-8 { transform-origin: 0vh -2vh -16vh; } @media screen and (orientation: portrait) { .o__0__-1__-8 { transform-origin: 0vw -2vw -16vw; } } .o__0__-3__0 { transform-origin: 0vh -6vh 0vh; } @media screen and (orientation: portrait) { .o__0__-3__0 { transform-origin: 0vw -6vw 0vw; } } .entity.steve { transform: rotateX(90deg); offset-path: path('M 0,0 C 45.75,-98.25 271.5,-64.5 274.5,-172.5 276.75,-249 163.5,-301.5 116,-306 -0.75,-312 -136.5,-268.5 -144.75,-180.75 -165,29.25 341.25,10.5 345,222 347.25,349.5 178.5,520.5 59.25,475.5 -90,419.25 -69,143.25 0,0 Z'); offset-rotate: auto 90deg; animation: move 7s linear infinite; display: none; } @media screen and (orientation: landscape) and (min-height: 540px) { .entity.steve { offset-path: path('M 0,0 C 61,-131 362,-86 366,-230 369,-332 218,-402 116,-408 -1,-416 -182,-358 -193,-241 -220,39 455,14 460,296 463,466 238,694 79,634 -120,559 -92,191 0,0 Z'); } } @media screen and (orientation: landscape) and (min-height: 800px) { .entity.steve { offset-path: path('M 0,0 C 79.3,-170.3 470.6,-111.8 475.8,-299 479.7,-431.6 283.4,-522.6 150.8,-530.4 -1.3,-540.8 -236.6,-465.4 -250.9,-313.3 -286,50.7 591.5,18.2 598,384.8 601.9,605.8 309.4,902.2 102.7,824.2 -156,726.7 -119.6,248.3 0,0 Z'); animation: move 5s linear infinite; } } @media screen and (orientation: landscape) and (min-height: 1200px) { .entity.steve { offset-path: path('M 0,0 C 97.6,-209.6 579.2,-137.6 585.6,-368 590.4,-531.2 348.8,-643.2 185.6,-652.8 -1.6,-665.6 -291.2,-572.8 -308.8,-385.6 -352,62.4 712,22.4 736,473.6 740.8,745.6 380.8,1110.4 126.4,1014.4 -192,894.4 -147.2,305.6 0,0 Z'); animation: move 5s linear infinite; } } @media screen and (orientation: portrait) and (min-width: 540px) { .entity.steve { offset-path: path('M 0,0 C 61,-131 362,-86 366,-230 369,-332 218,-402 116,-408 -1,-416 -182,-358 -193,-241 -220,39 455,14 460,296 463,466 238,694 79,634 -120,559 -92,191 0,0 Z'); } } @media screen and (orientation: portrait) and (min-width: 800px) { .entity.steve { offset-path: path('M 0,0 C 79.3,-170.3 470.6,-111.8 475.8,-299 479.7,-431.6 283.4,-522.6 150.8,-530.4 -1.3,-540.8 -236.6,-465.4 -250.9,-313.3 -286,50.7 591.5,18.2 598,384.8 601.9,605.8 309.4,902.2 102.7,824.2 -156,726.7 -119.6,248.3 0,0 Z'); animation: move 5s linear infinite; } } @media screen and (orientation: portrait) and (min-width: 1200px) { .entity.steve { offset-path: path('M 0,0 C 97.6,-209.6 579.2,-137.6 585.6,-368 590.4,-531.2 348.8,-643.2 185.6,-652.8 -1.6,-665.6 -291.2,-572.8 -308.8,-385.6 -352,62.4 712,22.4 736,473.6 740.8,745.6 380.8,1110.4 126.4,1014.4 -192,894.4 -147.2,305.6 0,0 Z'); animation: move 5s linear infinite; } } .entity.pig { transform: rotateX(90deg) rotateY(130deg) translateY(14vh) translateZ(-128vh) translateX(-32vh); margin-top: 14vh; display: none; } @media screen and (orientation: portrait) { .entity.pig { transform: rotateX(90deg) rotateY(130deg) translateY(14vw) translateZ(-128vw); margin-top: 14vw; } } .entity.pig .pig__body { transform: rotateX(-90deg); } .environment { transform: rotateX(90deg); display: none; } .grass-top { box-shadow: 2vh 2vh #4e772a, 4vh 2vh #679d38, 6vh 2vh #4e762a, 8vh 2vh #476c26, 10vh 2vh #476c26, 12vh 2vh #4c7329, 14vh 2vh #436624, 16vh 2vh #4a7128, 18vh 2vh #547f2d, 20vh 2vh #4f792b, 22vh 2vh #496f28, 24vh 2vh #476d27, 26vh 2vh #496e27, 28vh 2vh #588630, 30vh 2vh #3b5a20, 32vh 2vh #4b7128, 2vh 4vh #4f782b, 4vh 4vh #4a7128, 6vh 4vh #55812e, 8vh 4vh #50792b, 10vh 4vh #517b2c, 12vh 4vh #446725, 14vh 4vh #517b2c, 16vh 4vh #456925, 18vh 4vh #436624, 20vh 4vh #598830, 22vh 4vh #588530, 24vh 4vh #4e762a, 26vh 4vh #679d38, 28vh 4vh #4a7128, 30vh 4vh #476d27, 32vh 4vh #4a7028, 2vh 6vh #56832f, 4vh 6vh #4b7128, 6vh 6vh #426424, 8vh 6vh #466a26, 10vh 6vh #496e27, 12vh 6vh #486d27, 14vh 6vh #4c7429, 16vh 6vh #4c7429, 18vh 6vh #4e772a, 20vh 6vh #54802e, 22vh 6vh #598730, 24vh 6vh #5c8b32, 26vh 6vh #476d27, 28vh 6vh #3f6022, 30vh 6vh #446725, 32vh 6vh #609234, 2vh 8vh #3e5f22, 4vh 8vh #466b26, 6vh 8vh #496f28, 8vh 8vh #50792b, 10vh 8vh #4d752a, 12vh 8vh #517b2c, 14vh 8vh #426424, 16vh 8vh #4d752a, 18vh 8vh #436624, 20vh 8vh #456926, 22vh 8vh #4b7128, 24vh 8vh #50792b, 26vh 8vh #4c7329, 28vh 8vh #4a7028, 30vh 8vh #588630, 32vh 8vh #426424, 2vh 10vh #56822e, 4vh 10vh #456926, 6vh 10vh #5c8b32, 8vh 10vh #456926, 10vh 10vh #5b8a31, 12vh 10vh #5c8c32, 14vh 10vh #486d27, 16vh 10vh #5b8a31, 18vh 10vh #629635, 20vh 10vh #3e5e21, 22vh 10vh #446725, 24vh 10vh #588630, 26vh 10vh #5b8931, 28vh 10vh #436524, 30vh 10vh #486d27, 32vh 10vh #4b7128, 2vh 12vh #517b2c, 4vh 12vh #507a2c, 6vh 12vh #406022, 8vh 12vh #588530, 10vh 12vh #446825, 12vh 12vh #4f792b, 14vh 12vh #4f782b, 16vh 12vh #527d2c, 18vh 12vh #476d27, 20vh 12vh #4f782b, 22vh 12vh #486d27, 24vh 12vh #456926, 26vh 12vh #406022, 28vh 12vh #486d27, 30vh 12vh #4b7229, 32vh 12vh #4e772a, 2vh 14vh #436524, 4vh 14vh #537d2d, 6vh 14vh #57852f, 8vh 14vh #4c7429, 10vh 14vh #4d752a, 12vh 14vh #456926, 14vh 14vh #496f28, 16vh 14vh #436624, 18vh 14vh #466a26, 20vh 14vh #476d27, 22vh 14vh #609234, 24vh 14vh #5b8a31, 26vh 14vh #4d752a, 28vh 14vh #588630, 30vh 14vh #50792b, 32vh 14vh #4c7329, 2vh 16vh #4c7329, 4vh 16vh #476d27, 6vh 16vh #537e2d, 8vh 16vh #4a7028, 10vh 16vh #4c7429, 12vh 16vh #426423, 14vh 16vh #57842f, 16vh 16vh #466a26, 18vh 16vh #50792b, 20vh 16vh #5c8b32, 22vh 16vh #476d27, 24vh 16vh #446825, 26vh 16vh #4c7329, 28vh 16vh #55812e, 30vh 16vh #436624, 32vh 16vh #598830, 2vh 18vh #588630, 4vh 18vh #527d2c, 6vh 18vh #609234, 8vh 18vh #5a8931, 10vh 18vh #5b8a31, 12vh 18vh #446825, 14vh 18vh #5c8b32, 16vh 18vh #537d2d, 18vh 18vh #5f9033, 20vh 18vh #5a8931, 22vh 18vh #456925, 24vh 18vh #4d752a, 26vh 18vh #466b26, 28vh 18vh #4e762a, 30vh 18vh #547f2d, 32vh 18vh #436524, 2vh 20vh #50792b, 4vh 20vh #456925, 6vh 20vh #619334, 8vh 20vh #4b7128, 10vh 20vh #4a7128, 12vh 20vh #507a2c, 14vh 20vh #5a8931, 16vh 20vh #446725, 18vh 20vh #476d27, 20vh 20vh #4d752a, 22vh 20vh #4d752a, 24vh 20vh #598830, 26vh 20vh #4b7229, 28vh 20vh #5f9033, 30vh 20vh #4c7329, 32vh 20vh #446825, 2vh 22vh #527d2c, 4vh 22vh #547f2d, 6vh 22vh #50792b, 8vh 22vh #57852f, 10vh 22vh #456925, 12vh 22vh #609234, 14vh 22vh #4b7229, 16vh 22vh #4e762a, 18vh 22vh #669a37, 20vh 22vh #406123, 22vh 22vh #588630, 24vh 22vh #456926, 26vh 22vh #4c7329, 28vh 22vh #486d27, 30vh 22vh #50792b, 32vh 22vh #4c7329, 2vh 24vh #466a26, 4vh 24vh #5c8b32, 6vh 24vh #476c26, 8vh 24vh #56832f, 10vh 24vh #50792b, 12vh 24vh #466a26, 14vh 24vh #4d752a, 16vh 24vh #496e27, 18vh 24vh #50792b, 20vh 24vh #4d752a, 22vh 24vh #4a7128, 24vh 24vh #416323, 26vh 24vh #5f9033, 28vh 24vh #436624, 30vh 24vh #426424, 32vh 24vh #496f28, 2vh 26vh #629635, 4vh 26vh #50792b, 6vh 26vh #446825, 8vh 26vh #496f28, 10vh 26vh #517b2c, 12vh 26vh #4d752a, 14vh 26vh #466b26, 16vh 26vh #416223, 18vh 26vh #496f28, 20vh 26vh #4d752a, 22vh 26vh #496f28, 24vh 26vh #426424, 26vh 26vh #54802e, 28vh 26vh #57852f, 30vh 26vh #406123, 32vh 26vh #50792b, 2vh 28vh #446825, 4vh 28vh #598730, 6vh 28vh #3e5f22, 8vh 28vh #4d752a, 10vh 28vh #426424, 12vh 28vh #517b2c, 14vh 28vh #446825, 16vh 28vh #679d38, 18vh 28vh #55812e, 20vh 28vh #4e762a, 22vh 28vh #598730, 24vh 28vh #527d2c, 26vh 28vh #55812e, 28vh 28vh #486d27, 30vh 28vh #598730, 32vh 28vh #5c8c32, 2vh 30vh #56832f, 4vh 30vh #55812e, 6vh 30vh #669a37, 8vh 30vh #416323, 10vh 30vh #5f9033, 12vh 30vh #5b8931, 14vh 30vh #4e772a, 16vh 30vh #4e762a, 18vh 30vh #436524, 20vh 30vh #4f782b, 22vh 30vh #4f782b, 24vh 30vh #476d27, 26vh 30vh #598830, 28vh 30vh #537e2d, 30vh 30vh #4a7028, 32vh 30vh #406123, 2vh 32vh #466b26, 4vh 32vh #4f792b, 6vh 32vh #486d27, 8vh 32vh #496e27, 10vh 32vh #57842f, 12vh 32vh #507a2c, 14vh 32vh #4e772a, 16vh 32vh #4e762a, 18vh 32vh #4b7229, 20vh 32vh #659a37, 22vh 32vh #426423, 24vh 32vh #598830, 26vh 32vh #466a26, 28vh 32vh #4c7429, 30vh 32vh #486d27, 32vh 32vh #547f2d; } @media screen and (orientation: portrait) { .grass-top { box-shadow: 2vw 2vw #4e772a, 4vw 2vw #679d38, 6vw 2vw #4e762a, 8vw 2vw #476c26, 10vw 2vw #476c26, 12vw 2vw #4c7329, 14vw 2vw #436624, 16vw 2vw #4a7128, 18vw 2vw #547f2d, 20vw 2vw #4f792b, 22vw 2vw #496f28, 24vw 2vw #476d27, 26vw 2vw #496e27, 28vw 2vw #588630, 30vw 2vw #3b5a20, 32vw 2vw #4b7128, 2vw 4vw #4f782b, 4vw 4vw #4a7128, 6vw 4vw #55812e, 8vw 4vw #50792b, 10vw 4vw #517b2c, 12vw 4vw #446725, 14vw 4vw #517b2c, 16vw 4vw #456925, 18vw 4vw #436624, 20vw 4vw #598830, 22vw 4vw #588530, 24vw 4vw #4e762a, 26vw 4vw #679d38, 28vw 4vw #4a7128, 30vw 4vw #476d27, 32vw 4vw #4a7028, 2vw 6vw #56832f, 4vw 6vw #4b7128, 6vw 6vw #426424, 8vw 6vw #466a26, 10vw 6vw #496e27, 12vw 6vw #486d27, 14vw 6vw #4c7429, 16vw 6vw #4c7429, 18vw 6vw #4e772a, 20vw 6vw #54802e, 22vw 6vw #598730, 24vw 6vw #5c8b32, 26vw 6vw #476d27, 28vw 6vw #3f6022, 30vw 6vw #446725, 32vw 6vw #609234, 2vw 8vw #3e5f22, 4vw 8vw #466b26, 6vw 8vw #496f28, 8vw 8vw #50792b, 10vw 8vw #4d752a, 12vw 8vw #517b2c, 14vw 8vw #426424, 16vw 8vw #4d752a, 18vw 8vw #436624, 20vw 8vw #456926, 22vw 8vw #4b7128, 24vw 8vw #50792b, 26vw 8vw #4c7329, 28vw 8vw #4a7028, 30vw 8vw #588630, 32vw 8vw #426424, 2vw 10vw #56822e, 4vw 10vw #456926, 6vw 10vw #5c8b32, 8vw 10vw #456926, 10vw 10vw #5b8a31, 12vw 10vw #5c8c32, 14vw 10vw #486d27, 16vw 10vw #5b8a31, 18vw 10vw #629635, 20vw 10vw #3e5e21, 22vw 10vw #446725, 24vw 10vw #588630, 26vw 10vw #5b8931, 28vw 10vw #436524, 30vw 10vw #486d27, 32vw 10vw #4b7128, 2vw 12vw #517b2c, 4vw 12vw #507a2c, 6vw 12vw #406022, 8vw 12vw #588530, 10vw 12vw #446825, 12vw 12vw #4f792b, 14vw 12vw #4f782b, 16vw 12vw #527d2c, 18vw 12vw #476d27, 20vw 12vw #4f782b, 22vw 12vw #486d27, 24vw 12vw #456926, 26vw 12vw #406022, 28vw 12vw #486d27, 30vw 12vw #4b7229, 32vw 12vw #4e772a, 2vw 14vw #436524, 4vw 14vw #537d2d, 6vw 14vw #57852f, 8vw 14vw #4c7429, 10vw 14vw #4d752a, 12vw 14vw #456926, 14vw 14vw #496f28, 16vw 14vw #436624, 18vw 14vw #466a26, 20vw 14vw #476d27, 22vw 14vw #609234, 24vw 14vw #5b8a31, 26vw 14vw #4d752a, 28vw 14vw #588630, 30vw 14vw #50792b, 32vw 14vw #4c7329, 2vw 16vw #4c7329, 4vw 16vw #476d27, 6vw 16vw #537e2d, 8vw 16vw #4a7028, 10vw 16vw #4c7429, 12vw 16vw #426423, 14vw 16vw #57842f, 16vw 16vw #466a26, 18vw 16vw #50792b, 20vw 16vw #5c8b32, 22vw 16vw #476d27, 24vw 16vw #446825, 26vw 16vw #4c7329, 28vw 16vw #55812e, 30vw 16vw #436624, 32vw 16vw #598830, 2vw 18vw #588630, 4vw 18vw #527d2c, 6vw 18vw #609234, 8vw 18vw #5a8931, 10vw 18vw #5b8a31, 12vw 18vw #446825, 14vw 18vw #5c8b32, 16vw 18vw #537d2d, 18vw 18vw #5f9033, 20vw 18vw #5a8931, 22vw 18vw #456925, 24vw 18vw #4d752a, 26vw 18vw #466b26, 28vw 18vw #4e762a, 30vw 18vw #547f2d, 32vw 18vw #436524, 2vw 20vw #50792b, 4vw 20vw #456925, 6vw 20vw #619334, 8vw 20vw #4b7128, 10vw 20vw #4a7128, 12vw 20vw #507a2c, 14vw 20vw #5a8931, 16vw 20vw #446725, 18vw 20vw #476d27, 20vw 20vw #4d752a, 22vw 20vw #4d752a, 24vw 20vw #598830, 26vw 20vw #4b7229, 28vw 20vw #5f9033, 30vw 20vw #4c7329, 32vw 20vw #446825, 2vw 22vw #527d2c, 4vw 22vw #547f2d, 6vw 22vw #50792b, 8vw 22vw #57852f, 10vw 22vw #456925, 12vw 22vw #609234, 14vw 22vw #4b7229, 16vw 22vw #4e762a, 18vw 22vw #669a37, 20vw 22vw #406123, 22vw 22vw #588630, 24vw 22vw #456926, 26vw 22vw #4c7329, 28vw 22vw #486d27, 30vw 22vw #50792b, 32vw 22vw #4c7329, 2vw 24vw #466a26, 4vw 24vw #5c8b32, 6vw 24vw #476c26, 8vw 24vw #56832f, 10vw 24vw #50792b, 12vw 24vw #466a26, 14vw 24vw #4d752a, 16vw 24vw #496e27, 18vw 24vw #50792b, 20vw 24vw #4d752a, 22vw 24vw #4a7128, 24vw 24vw #416323, 26vw 24vw #5f9033, 28vw 24vw #436624, 30vw 24vw #426424, 32vw 24vw #496f28, 2vw 26vw #629635, 4vw 26vw #50792b, 6vw 26vw #446825, 8vw 26vw #496f28, 10vw 26vw #517b2c, 12vw 26vw #4d752a, 14vw 26vw #466b26, 16vw 26vw #416223, 18vw 26vw #496f28, 20vw 26vw #4d752a, 22vw 26vw #496f28, 24vw 26vw #426424, 26vw 26vw #54802e, 28vw 26vw #57852f, 30vw 26vw #406123, 32vw 26vw #50792b, 2vw 28vw #446825, 4vw 28vw #598730, 6vw 28vw #3e5f22, 8vw 28vw #4d752a, 10vw 28vw #426424, 12vw 28vw #517b2c, 14vw 28vw #446825, 16vw 28vw #679d38, 18vw 28vw #55812e, 20vw 28vw #4e762a, 22vw 28vw #598730, 24vw 28vw #527d2c, 26vw 28vw #55812e, 28vw 28vw #486d27, 30vw 28vw #598730, 32vw 28vw #5c8c32, 2vw 30vw #56832f, 4vw 30vw #55812e, 6vw 30vw #669a37, 8vw 30vw #416323, 10vw 30vw #5f9033, 12vw 30vw #5b8931, 14vw 30vw #4e772a, 16vw 30vw #4e762a, 18vw 30vw #436524, 20vw 30vw #4f782b, 22vw 30vw #4f782b, 24vw 30vw #476d27, 26vw 30vw #598830, 28vw 30vw #537e2d, 30vw 30vw #4a7028, 32vw 30vw #406123, 2vw 32vw #466b26, 4vw 32vw #4f792b, 6vw 32vw #486d27, 8vw 32vw #496e27, 10vw 32vw #57842f, 12vw 32vw #507a2c, 14vw 32vw #4e772a, 16vw 32vw #4e762a, 18vw 32vw #4b7229, 20vw 32vw #659a37, 22vw 32vw #426423, 24vw 32vw #598830, 26vw 32vw #466a26, 28vw 32vw #4c7429, 30vw 32vw #486d27, 32vw 32vw #547f2d; } } .grass-side { box-shadow: 2vh 2vh #74b44a, 4vh 2vh #76b64c, 6vh 2vh #73b349, 8vh 2vh #66a63c, 10vh 2vh #66a63c, 12vh 2vh #6faf45, 14vh 2vh #5f9f35, 16vh 2vh #6cac42, 18vh 2vh #7ebe54, 20vh 2vh #76b64c, 22vh 2vh #6aaa40, 24vh 2vh #67a73d, 26vh 2vh #69a93f, 28vh 2vh #61a137, 30vh 2vh #509026, 32vh 2vh #6dad43, 2vh 4vh #75b54b, 4vh 4vh #6cac42, 6vh 4vh #8ab95a, 8vh 4vh #81b051, 10vh 4vh #83b253, 12vh 4vh #593d29, 14vh 4vh #68a83e, 16vh 4vh #62a238, 18vh 4vh #5f9f35, 20vh 4vh #93c263, 22vh 4vh #90bf60, 24vh 4vh #73b349, 26vh 4vh #61a137, 28vh 4vh #6cac42, 30vh 4vh #67a73d, 32vh 4vh #6bab41, 2vh 6vh #8dbc5d, 4vh 6vh #593d29, 6vh 6vh #9ccb6c, 8vh 6vh #64a43a, 10vh 6vh #69a93f, 12vh 6vh #593d29, 14vh 6vh #70b046, 16vh 6vh #593d29, 18vh 6vh #74b44a, 20vh 6vh #7fbf55, 22vh 6vh #92c162, 24vh 6vh #97c667, 26vh 6vh #593d29, 28vh 6vh #57972d, 30vh 6vh #60a036, 32vh 6vh #593d29, 2vh 8vh #593d29, 4vh 8vh #6c6c6c, 6vh 8vh #593d29, 8vh 8vh #593d29, 10vh 8vh #71b147, 12vh 8vh #593d29, 14vh 8vh #593d29, 16vh 8vh #593d29, 18vh 8vh #5f9f35, 20vh 8vh #593d29, 22vh 8vh #6dad43, 24vh 8vh #593d29, 26vh 8vh #79553a, 28vh 8vh #593d29, 30vh 8vh #593d29, 32vh 8vh #79553a, 2vh 10vh #966c4a, 4vh 10vh #79553a, 6vh 10vh #966c4a, 8vh 10vh #b9855c, 10vh 10vh #593d29, 12vh 10vh #966c4a, 14vh 10vh #79553a, 16vh 10vh #79553a, 18vh 10vh #593d29, 20vh 10vh #593d29, 22vh 10vh #593d29, 24vh 10vh #6c6c6c, 26vh 10vh #79553a, 28vh 10vh #966c4a, 30vh 10vh #593d29, 32vh 10vh #79553a, 2vh 12vh #79553a, 4vh 12vh #593d29, 6vh 12vh #966c4a, 8vh 12vh #966c4a, 10vh 12vh #79553a, 12vh 12vh #966c4a, 14vh 12vh #593d29, 16vh 12vh #593d29, 18vh 12vh #593d29, 20vh 12vh #79553a, 22vh 12vh #79553a, 24vh 12vh #593d29, 26vh 12vh #79553a, 28vh 12vh #79553a, 30vh 12vh #79553a, 32vh 12vh #b9855c, 2vh 14vh #b9855c, 4vh 14vh #79553a, 6vh 14vh #79553a, 8vh 14vh #79553a, 10vh 14vh #878787, 12vh 14vh #79553a, 14vh 14vh #79553a, 16vh 14vh #b9855c, 18vh 14vh #b9855c, 20vh 14vh #79553a, 22vh 14vh #b9855c, 24vh 14vh #b9855c, 26vh 14vh #79553a, 28vh 14vh #966c4a, 30vh 14vh #79553a, 32vh 14vh #966c4a, 2vh 16vh #79553a, 4vh 16vh #79553a, 6vh 16vh #b9855c, 8vh 16vh #b9855c, 10vh 16vh #966c4a, 12vh 16vh #966c4a, 14vh 16vh #79553a, 16vh 16vh #79553a, 18vh 16vh #966c4a, 20vh 16vh #593d29, 22vh 16vh #966c4a, 24vh 16vh #966c4a, 26vh 16vh #79553a, 28vh 16vh #79553a, 30vh 16vh #966c4a, 32vh 16vh #966c4a, 2vh 18vh #966c4a, 4vh 18vh #79553a, 6vh 18vh #79553a, 8vh 18vh #966c4a, 10vh 18vh #79553a, 12vh 18vh #966c4a, 14vh 18vh #79553a, 16vh 18vh #593d29, 18vh 18vh #79553a, 20vh 18vh #966c4a, 22vh 18vh #966c4a, 24vh 18vh #79553a, 26vh 18vh #79553a, 28vh 18vh #79553a, 30vh 18vh #593d29, 32vh 18vh #79553a, 2vh 20vh #79553a, 4vh 20vh #966c4a, 6vh 20vh #593d29, 8vh 20vh #79553a, 10vh 20vh #79553a, 12vh 20vh #593d29, 14vh 20vh #593d29, 16vh 20vh #79553a, 18vh 20vh #79553a, 20vh 20vh #79553a, 22vh 20vh #79553a, 24vh 20vh #79553a, 26vh 20vh #b9855c, 28vh 20vh #b9855c, 30vh 20vh #79553a, 32vh 20vh #966c4a, 2vh 22vh #79553a, 4vh 22vh #966c4a, 6vh 22vh #79553a, 8vh 22vh #b9855c, 10vh 22vh #b9855c, 12vh 22vh #79553a, 14vh 22vh #b9855c, 16vh 22vh #966c4a, 18vh 22vh #593d29, 20vh 22vh #b9855c, 22vh 22vh #b9855c, 24vh 22vh #593d29, 26vh 22vh #966c4a, 28vh 22vh #966c4a, 30vh 22vh #878787, 32vh 22vh #79553a, 2vh 24vh #966c4a, 4vh 24vh #79553a, 6vh 24vh #79553a, 8vh 24vh #966c4a, 10vh 24vh #966c4a, 12vh 24vh #b9855c, 14vh 24vh #79553a, 16vh 24vh #966c4a, 18vh 24vh #6c6c6c, 20vh 24vh #966c4a, 22vh 24vh #966c4a, 24vh 24vh #79553a, 26vh 24vh #593d29, 28vh 24vh #966c4a, 30vh 24vh #79553a, 32vh 24vh #593d29, 2vh 26vh #79553a, 4vh 26vh #593d29, 6vh 26vh #966c4a, 8vh 26vh #79553a, 10vh 26vh #966c4a, 12vh 26vh #966c4a, 14vh 26vh #b9855c, 16vh 26vh #79553a, 18vh 26vh #79553a, 20vh 26vh #79553a, 22vh 26vh #79553a, 24vh 26vh #79553a, 26vh 26vh #79553a, 28vh 26vh #79553a, 30vh 26vh #b9855c, 32vh 26vh #b9855c, 2vh 28vh #79553a, 4vh 28vh #966c4a, 6vh 28vh #79553a, 8vh 28vh #79553a, 10vh 28vh #745844, 12vh 28vh #79553a, 14vh 28vh #966c4a, 16vh 28vh #966c4a, 18vh 28vh #79553a, 20vh 28vh #593d29, 22vh 28vh #b9855c, 24vh 28vh #593d29, 26vh 28vh #79553a, 28vh 28vh #b9855c, 30vh 28vh #966c4a, 32vh 28vh #966c4a, 2vh 30vh #966c4a, 4vh 30vh #79553a, 6vh 30vh #593d29, 8vh 30vh #b9855c, 10vh 30vh #79553a, 12vh 30vh #593d29, 14vh 30vh #79553a, 16vh 30vh #593d29, 18vh 30vh #b9855c, 20vh 30vh #b9855c, 22vh 30vh #79553a, 24vh 30vh #966c4a, 26vh 30vh #79553a, 28vh 30vh #79553a, 30vh 30vh #966c4a, 32vh 30vh #966c4a, 2vh 32vh #966c4a, 4vh 32vh #79553a, 6vh 32vh #b9855c, 8vh 32vh #966c4a, 10vh 32vh #966c4a, 12vh 32vh #79553a, 14vh 32vh #878787, 16vh 32vh #79553a, 18vh 32vh #966c4a, 20vh 32vh #966c4a, 22vh 32vh #79553a, 24vh 32vh #79553a, 26vh 32vh #966c4a, 28vh 32vh #966c4a, 30vh 32vh #79553a, 32vh 32vh #593d29; } @media screen and (orientation: portrait) { .grass-side { box-shadow: 2vw 2vw #74b44a, 4vw 2vw #76b64c, 6vw 2vw #73b349, 8vw 2vw #66a63c, 10vw 2vw #66a63c, 12vw 2vw #6faf45, 14vw 2vw #5f9f35, 16vw 2vw #6cac42, 18vw 2vw #7ebe54, 20vw 2vw #76b64c, 22vw 2vw #6aaa40, 24vw 2vw #67a73d, 26vw 2vw #69a93f, 28vw 2vw #61a137, 30vw 2vw #509026, 32vw 2vw #6dad43, 2vw 4vw #75b54b, 4vw 4vw #6cac42, 6vw 4vw #8ab95a, 8vw 4vw #81b051, 10vw 4vw #83b253, 12vw 4vw #593d29, 14vw 4vw #68a83e, 16vw 4vw #62a238, 18vw 4vw #5f9f35, 20vw 4vw #93c263, 22vw 4vw #90bf60, 24vw 4vw #73b349, 26vw 4vw #61a137, 28vw 4vw #6cac42, 30vw 4vw #67a73d, 32vw 4vw #6bab41, 2vw 6vw #8dbc5d, 4vw 6vw #593d29, 6vw 6vw #9ccb6c, 8vw 6vw #64a43a, 10vw 6vw #69a93f, 12vw 6vw #593d29, 14vw 6vw #70b046, 16vw 6vw #593d29, 18vw 6vw #74b44a, 20vw 6vw #7fbf55, 22vw 6vw #92c162, 24vw 6vw #97c667, 26vw 6vw #593d29, 28vw 6vw #57972d, 30vw 6vw #60a036, 32vw 6vw #593d29, 2vw 8vw #593d29, 4vw 8vw #6c6c6c, 6vw 8vw #593d29, 8vw 8vw #593d29, 10vw 8vw #71b147, 12vw 8vw #593d29, 14vw 8vw #593d29, 16vw 8vw #593d29, 18vw 8vw #5f9f35, 20vw 8vw #593d29, 22vw 8vw #6dad43, 24vw 8vw #593d29, 26vw 8vw #79553a, 28vw 8vw #593d29, 30vw 8vw #593d29, 32vw 8vw #79553a, 2vw 10vw #966c4a, 4vw 10vw #79553a, 6vw 10vw #966c4a, 8vw 10vw #b9855c, 10vw 10vw #593d29, 12vw 10vw #966c4a, 14vw 10vw #79553a, 16vw 10vw #79553a, 18vw 10vw #593d29, 20vw 10vw #593d29, 22vw 10vw #593d29, 24vw 10vw #6c6c6c, 26vw 10vw #79553a, 28vw 10vw #966c4a, 30vw 10vw #593d29, 32vw 10vw #79553a, 2vw 12vw #79553a, 4vw 12vw #593d29, 6vw 12vw #966c4a, 8vw 12vw #966c4a, 10vw 12vw #79553a, 12vw 12vw #966c4a, 14vw 12vw #593d29, 16vw 12vw #593d29, 18vw 12vw #593d29, 20vw 12vw #79553a, 22vw 12vw #79553a, 24vw 12vw #593d29, 26vw 12vw #79553a, 28vw 12vw #79553a, 30vw 12vw #79553a, 32vw 12vw #b9855c, 2vw 14vw #b9855c, 4vw 14vw #79553a, 6vw 14vw #79553a, 8vw 14vw #79553a, 10vw 14vw #878787, 12vw 14vw #79553a, 14vw 14vw #79553a, 16vw 14vw #b9855c, 18vw 14vw #b9855c, 20vw 14vw #79553a, 22vw 14vw #b9855c, 24vw 14vw #b9855c, 26vw 14vw #79553a, 28vw 14vw #966c4a, 30vw 14vw #79553a, 32vw 14vw #966c4a, 2vw 16vw #79553a, 4vw 16vw #79553a, 6vw 16vw #b9855c, 8vw 16vw #b9855c, 10vw 16vw #966c4a, 12vw 16vw #966c4a, 14vw 16vw #79553a, 16vw 16vw #79553a, 18vw 16vw #966c4a, 20vw 16vw #593d29, 22vw 16vw #966c4a, 24vw 16vw #966c4a, 26vw 16vw #79553a, 28vw 16vw #79553a, 30vw 16vw #966c4a, 32vw 16vw #966c4a, 2vw 18vw #966c4a, 4vw 18vw #79553a, 6vw 18vw #79553a, 8vw 18vw #966c4a, 10vw 18vw #79553a, 12vw 18vw #966c4a, 14vw 18vw #79553a, 16vw 18vw #593d29, 18vw 18vw #79553a, 20vw 18vw #966c4a, 22vw 18vw #966c4a, 24vw 18vw #79553a, 26vw 18vw #79553a, 28vw 18vw #79553a, 30vw 18vw #593d29, 32vw 18vw #79553a, 2vw 20vw #79553a, 4vw 20vw #966c4a, 6vw 20vw #593d29, 8vw 20vw #79553a, 10vw 20vw #79553a, 12vw 20vw #593d29, 14vw 20vw #593d29, 16vw 20vw #79553a, 18vw 20vw #79553a, 20vw 20vw #79553a, 22vw 20vw #79553a, 24vw 20vw #79553a, 26vw 20vw #b9855c, 28vw 20vw #b9855c, 30vw 20vw #79553a, 32vw 20vw #966c4a, 2vw 22vw #79553a, 4vw 22vw #966c4a, 6vw 22vw #79553a, 8vw 22vw #b9855c, 10vw 22vw #b9855c, 12vw 22vw #79553a, 14vw 22vw #b9855c, 16vw 22vw #966c4a, 18vw 22vw #593d29, 20vw 22vw #b9855c, 22vw 22vw #b9855c, 24vw 22vw #593d29, 26vw 22vw #966c4a, 28vw 22vw #966c4a, 30vw 22vw #878787, 32vw 22vw #79553a, 2vw 24vw #966c4a, 4vw 24vw #79553a, 6vw 24vw #79553a, 8vw 24vw #966c4a, 10vw 24vw #966c4a, 12vw 24vw #b9855c, 14vw 24vw #79553a, 16vw 24vw #966c4a, 18vw 24vw #6c6c6c, 20vw 24vw #966c4a, 22vw 24vw #966c4a, 24vw 24vw #79553a, 26vw 24vw #593d29, 28vw 24vw #966c4a, 30vw 24vw #79553a, 32vw 24vw #593d29, 2vw 26vw #79553a, 4vw 26vw #593d29, 6vw 26vw #966c4a, 8vw 26vw #79553a, 10vw 26vw #966c4a, 12vw 26vw #966c4a, 14vw 26vw #b9855c, 16vw 26vw #79553a, 18vw 26vw #79553a, 20vw 26vw #79553a, 22vw 26vw #79553a, 24vw 26vw #79553a, 26vw 26vw #79553a, 28vw 26vw #79553a, 30vw 26vw #b9855c, 32vw 26vw #b9855c, 2vw 28vw #79553a, 4vw 28vw #966c4a, 6vw 28vw #79553a, 8vw 28vw #79553a, 10vw 28vw #745844, 12vw 28vw #79553a, 14vw 28vw #966c4a, 16vw 28vw #966c4a, 18vw 28vw #79553a, 20vw 28vw #593d29, 22vw 28vw #b9855c, 24vw 28vw #593d29, 26vw 28vw #79553a, 28vw 28vw #b9855c, 30vw 28vw #966c4a, 32vw 28vw #966c4a, 2vw 30vw #966c4a, 4vw 30vw #79553a, 6vw 30vw #593d29, 8vw 30vw #b9855c, 10vw 30vw #79553a, 12vw 30vw #593d29, 14vw 30vw #79553a, 16vw 30vw #593d29, 18vw 30vw #b9855c, 20vw 30vw #b9855c, 22vw 30vw #79553a, 24vw 30vw #966c4a, 26vw 30vw #79553a, 28vw 30vw #79553a, 30vw 30vw #966c4a, 32vw 30vw #966c4a, 2vw 32vw #966c4a, 4vw 32vw #79553a, 6vw 32vw #b9855c, 8vw 32vw #966c4a, 10vw 32vw #966c4a, 12vw 32vw #79553a, 14vw 32vw #878787, 16vw 32vw #79553a, 18vw 32vw #966c4a, 20vw 32vw #966c4a, 22vw 32vw #79553a, 24vw 32vw #79553a, 26vw 32vw #966c4a, 28vw 32vw #966c4a, 30vw 32vw #79553a, 32vw 32vw #593d29; } } .dirt-side { box-shadow: 2vh 2vh #b9855c, 4vh 2vh #966c4a, 6vh 2vh #966c4a, 8vh 2vh #79553a, 10vh 2vh #79553a, 12vh 2vh #b9855c, 14vh 2vh #966c4a, 16vh 2vh #966c4a, 18vh 2vh #79553a, 20vh 2vh #79553a, 22vh 2vh #593d29, 24vh 2vh #79553a, 26vh 2vh #79553a, 28vh 2vh #b9855c, 30vh 2vh #79553a, 32vh 2vh #b9855c, 2vh 4vh #79553a, 4vh 4vh #966c4a, 6vh 4vh #593d29, 8vh 4vh #79553a, 10vh 4vh #79553a, 12vh 4vh #966c4a, 14vh 4vh #878787, 16vh 4vh #593d29, 18vh 4vh #79553a, 20vh 4vh #b9855c, 22vh 4vh #966c4a, 24vh 4vh #79553a, 26vh 4vh #b9855c, 28vh 4vh #966c4a, 30vh 4vh #593d29, 32vh 4vh #593d29, 2vh 6vh #b9855c, 4vh 6vh #79553a, 6vh 6vh #79553a, 8vh 6vh #593d29, 10vh 6vh #b9855c, 12vh 6vh #79553a, 14vh 6vh #79553a, 16vh 6vh #79553a, 18vh 6vh #b9855c, 20vh 6vh #79553a, 22vh 6vh #79553a, 24vh 6vh #79553a, 26vh 6vh #593d29, 28vh 6vh #593d29, 30vh 6vh #b9855c, 32vh 6vh #79553a, 2vh 8vh #966c4a, 4vh 8vh #6c6c6c, 6vh 8vh #b9855c, 8vh 8vh #79553a, 10vh 8vh #966c4a, 12vh 8vh #593d29, 14vh 8vh #79553a, 16vh 8vh #b9855c, 18vh 8vh #966c4a, 20vh 8vh #966c4a, 22vh 8vh #79553a, 24vh 8vh #966c4a, 26vh 8vh #79553a, 28vh 8vh #b9855c, 30vh 8vh #966c4a, 32vh 8vh #79553a, 2vh 10vh #966c4a, 4vh 10vh #79553a, 6vh 10vh #966c4a, 8vh 10vh #b9855c, 10vh 10vh #593d29, 12vh 10vh #966c4a, 14vh 10vh #79553a, 16vh 10vh #79553a, 18vh 10vh #966c4a, 20vh 10vh #593d29, 22vh 10vh #79553a, 24vh 10vh #6c6c6c, 26vh 10vh #79553a, 28vh 10vh #966c4a, 30vh 10vh #593d29, 32vh 10vh #79553a, 2vh 12vh #79553a, 4vh 12vh #593d29, 6vh 12vh #966c4a, 8vh 12vh #966c4a, 10vh 12vh #79553a, 12vh 12vh #966c4a, 14vh 12vh #593d29, 16vh 12vh #593d29, 18vh 12vh #593d29, 20vh 12vh #79553a, 22vh 12vh #79553a, 24vh 12vh #593d29, 26vh 12vh #79553a, 28vh 12vh #79553a, 30vh 12vh #79553a, 32vh 12vh #b9855c, 2vh 14vh #b9855c, 4vh 14vh #79553a, 6vh 14vh #79553a, 8vh 14vh #79553a, 10vh 14vh #878787, 12vh 14vh #79553a, 14vh 14vh #79553a, 16vh 14vh #b9855c, 18vh 14vh #b9855c, 20vh 14vh #79553a, 22vh 14vh #b9855c, 24vh 14vh #b9855c, 26vh 14vh #79553a, 28vh 14vh #966c4a, 30vh 14vh #79553a, 32vh 14vh #966c4a, 2vh 16vh #79553a, 4vh 16vh #79553a, 6vh 16vh #b9855c, 8vh 16vh #b9855c, 10vh 16vh #966c4a, 12vh 16vh #966c4a, 14vh 16vh #79553a, 16vh 16vh #79553a, 18vh 16vh #966c4a, 20vh 16vh #593d29, 22vh 16vh #966c4a, 24vh 16vh #966c4a, 26vh 16vh #79553a, 28vh 16vh #79553a, 30vh 16vh #966c4a, 32vh 16vh #966c4a, 2vh 18vh #966c4a, 4vh 18vh #79553a, 6vh 18vh #79553a, 8vh 18vh #966c4a, 10vh 18vh #79553a, 12vh 18vh #966c4a, 14vh 18vh #79553a, 16vh 18vh #593d29, 18vh 18vh #79553a, 20vh 18vh #966c4a, 22vh 18vh #966c4a, 24vh 18vh #79553a, 26vh 18vh #79553a, 28vh 18vh #79553a, 30vh 18vh #593d29, 32vh 18vh #79553a, 2vh 20vh #79553a, 4vh 20vh #966c4a, 6vh 20vh #593d29, 8vh 20vh #79553a, 10vh 20vh #79553a, 12vh 20vh #593d29, 14vh 20vh #593d29, 16vh 20vh #79553a, 18vh 20vh #79553a, 20vh 20vh #79553a, 22vh 20vh #79553a, 24vh 20vh #79553a, 26vh 20vh #b9855c, 28vh 20vh #b9855c, 30vh 20vh #79553a, 32vh 20vh #966c4a, 2vh 22vh #79553a, 4vh 22vh #966c4a, 6vh 22vh #79553a, 8vh 22vh #b9855c, 10vh 22vh #b9855c, 12vh 22vh #79553a, 14vh 22vh #b9855c, 16vh 22vh #966c4a, 18vh 22vh #593d29, 20vh 22vh #b9855c, 22vh 22vh #b9855c, 24vh 22vh #593d29, 26vh 22vh #966c4a, 28vh 22vh #966c4a, 30vh 22vh #878787, 32vh 22vh #79553a, 2vh 24vh #966c4a, 4vh 24vh #79553a, 6vh 24vh #79553a, 8vh 24vh #966c4a, 10vh 24vh #966c4a, 12vh 24vh #b9855c, 14vh 24vh #79553a, 16vh 24vh #966c4a, 18vh 24vh #6c6c6c, 20vh 24vh #966c4a, 22vh 24vh #966c4a, 24vh 24vh #79553a, 26vh 24vh #593d29, 28vh 24vh #966c4a, 30vh 24vh #79553a, 32vh 24vh #593d29, 2vh 26vh #79553a, 4vh 26vh #593d29, 6vh 26vh #966c4a, 8vh 26vh #79553a, 10vh 26vh #966c4a, 12vh 26vh #966c4a, 14vh 26vh #b9855c, 16vh 26vh #79553a, 18vh 26vh #79553a, 20vh 26vh #79553a, 22vh 26vh #79553a, 24vh 26vh #79553a, 26vh 26vh #79553a, 28vh 26vh #79553a, 30vh 26vh #b9855c, 32vh 26vh #b9855c, 2vh 28vh #79553a, 4vh 28vh #966c4a, 6vh 28vh #79553a, 8vh 28vh #79553a, 10vh 28vh #745844, 12vh 28vh #79553a, 14vh 28vh #966c4a, 16vh 28vh #966c4a, 18vh 28vh #79553a, 20vh 28vh #593d29, 22vh 28vh #b9855c, 24vh 28vh #593d29, 26vh 28vh #79553a, 28vh 28vh #b9855c, 30vh 28vh #966c4a, 32vh 28vh #966c4a, 2vh 30vh #966c4a, 4vh 30vh #79553a, 6vh 30vh #593d29, 8vh 30vh #b9855c, 10vh 30vh #79553a, 12vh 30vh #593d29, 14vh 30vh #79553a, 16vh 30vh #593d29, 18vh 30vh #b9855c, 20vh 30vh #b9855c, 22vh 30vh #79553a, 24vh 30vh #966c4a, 26vh 30vh #79553a, 28vh 30vh #79553a, 30vh 30vh #966c4a, 32vh 30vh #966c4a, 2vh 32vh #966c4a, 4vh 32vh #79553a, 6vh 32vh #b9855c, 8vh 32vh #966c4a, 10vh 32vh #966c4a, 12vh 32vh #79553a, 14vh 32vh #878787, 16vh 32vh #79553a, 18vh 32vh #966c4a, 20vh 32vh #966c4a, 22vh 32vh #79553a, 24vh 32vh #79553a, 26vh 32vh #966c4a, 28vh 32vh #966c4a, 30vh 32vh #79553a, 32vh 32vh #593d29; } @media screen and (orientation: portrait) { .dirt-side { box-shadow: 2vw 2vw #b9855c, 4vw 2vw #966c4a, 6vw 2vw #966c4a, 8vw 2vw #79553a, 10vw 2vw #79553a, 12vw 2vw #b9855c, 14vw 2vw #966c4a, 16vw 2vw #966c4a, 18vw 2vw #79553a, 20vw 2vw #79553a, 22vw 2vw #593d29, 24vw 2vw #79553a, 26vw 2vw #79553a, 28vw 2vw #b9855c, 30vw 2vw #79553a, 32vw 2vw #b9855c, 2vw 4vw #79553a, 4vw 4vw #966c4a, 6vw 4vw #593d29, 8vw 4vw #79553a, 10vw 4vw #79553a, 12vw 4vw #966c4a, 14vw 4vw #878787, 16vw 4vw #593d29, 18vw 4vw #79553a, 20vw 4vw #b9855c, 22vw 4vw #966c4a, 24vw 4vw #79553a, 26vw 4vw #b9855c, 28vw 4vw #966c4a, 30vw 4vw #593d29, 32vw 4vw #593d29, 2vw 6vw #b9855c, 4vw 6vw #79553a, 6vw 6vw #79553a, 8vw 6vw #593d29, 10vw 6vw #b9855c, 12vw 6vw #79553a, 14vw 6vw #79553a, 16vw 6vw #79553a, 18vw 6vw #b9855c, 20vw 6vw #79553a, 22vw 6vw #79553a, 24vw 6vw #79553a, 26vw 6vw #593d29, 28vw 6vw #593d29, 30vw 6vw #b9855c, 32vw 6vw #79553a, 2vw 8vw #966c4a, 4vw 8vw #6c6c6c, 6vw 8vw #b9855c, 8vw 8vw #79553a, 10vw 8vw #966c4a, 12vw 8vw #593d29, 14vw 8vw #79553a, 16vw 8vw #b9855c, 18vw 8vw #966c4a, 20vw 8vw #966c4a, 22vw 8vw #79553a, 24vw 8vw #966c4a, 26vw 8vw #79553a, 28vw 8vw #b9855c, 30vw 8vw #966c4a, 32vw 8vw #79553a, 2vw 10vw #966c4a, 4vw 10vw #79553a, 6vw 10vw #966c4a, 8vw 10vw #b9855c, 10vw 10vw #593d29, 12vw 10vw #966c4a, 14vw 10vw #79553a, 16vw 10vw #79553a, 18vw 10vw #966c4a, 20vw 10vw #593d29, 22vw 10vw #79553a, 24vw 10vw #6c6c6c, 26vw 10vw #79553a, 28vw 10vw #966c4a, 30vw 10vw #593d29, 32vw 10vw #79553a, 2vw 12vw #79553a, 4vw 12vw #593d29, 6vw 12vw #966c4a, 8vw 12vw #966c4a, 10vw 12vw #79553a, 12vw 12vw #966c4a, 14vw 12vw #593d29, 16vw 12vw #593d29, 18vw 12vw #593d29, 20vw 12vw #79553a, 22vw 12vw #79553a, 24vw 12vw #593d29, 26vw 12vw #79553a, 28vw 12vw #79553a, 30vw 12vw #79553a, 32vw 12vw #b9855c, 2vw 14vw #b9855c, 4vw 14vw #79553a, 6vw 14vw #79553a, 8vw 14vw #79553a, 10vw 14vw #878787, 12vw 14vw #79553a, 14vw 14vw #79553a, 16vw 14vw #b9855c, 18vw 14vw #b9855c, 20vw 14vw #79553a, 22vw 14vw #b9855c, 24vw 14vw #b9855c, 26vw 14vw #79553a, 28vw 14vw #966c4a, 30vw 14vw #79553a, 32vw 14vw #966c4a, 2vw 16vw #79553a, 4vw 16vw #79553a, 6vw 16vw #b9855c, 8vw 16vw #b9855c, 10vw 16vw #966c4a, 12vw 16vw #966c4a, 14vw 16vw #79553a, 16vw 16vw #79553a, 18vw 16vw #966c4a, 20vw 16vw #593d29, 22vw 16vw #966c4a, 24vw 16vw #966c4a, 26vw 16vw #79553a, 28vw 16vw #79553a, 30vw 16vw #966c4a, 32vw 16vw #966c4a, 2vw 18vw #966c4a, 4vw 18vw #79553a, 6vw 18vw #79553a, 8vw 18vw #966c4a, 10vw 18vw #79553a, 12vw 18vw #966c4a, 14vw 18vw #79553a, 16vw 18vw #593d29, 18vw 18vw #79553a, 20vw 18vw #966c4a, 22vw 18vw #966c4a, 24vw 18vw #79553a, 26vw 18vw #79553a, 28vw 18vw #79553a, 30vw 18vw #593d29, 32vw 18vw #79553a, 2vw 20vw #79553a, 4vw 20vw #966c4a, 6vw 20vw #593d29, 8vw 20vw #79553a, 10vw 20vw #79553a, 12vw 20vw #593d29, 14vw 20vw #593d29, 16vw 20vw #79553a, 18vw 20vw #79553a, 20vw 20vw #79553a, 22vw 20vw #79553a, 24vw 20vw #79553a, 26vw 20vw #b9855c, 28vw 20vw #b9855c, 30vw 20vw #79553a, 32vw 20vw #966c4a, 2vw 22vw #79553a, 4vw 22vw #966c4a, 6vw 22vw #79553a, 8vw 22vw #b9855c, 10vw 22vw #b9855c, 12vw 22vw #79553a, 14vw 22vw #b9855c, 16vw 22vw #966c4a, 18vw 22vw #593d29, 20vw 22vw #b9855c, 22vw 22vw #b9855c, 24vw 22vw #593d29, 26vw 22vw #966c4a, 28vw 22vw #966c4a, 30vw 22vw #878787, 32vw 22vw #79553a, 2vw 24vw #966c4a, 4vw 24vw #79553a, 6vw 24vw #79553a, 8vw 24vw #966c4a, 10vw 24vw #966c4a, 12vw 24vw #b9855c, 14vw 24vw #79553a, 16vw 24vw #966c4a, 18vw 24vw #6c6c6c, 20vw 24vw #966c4a, 22vw 24vw #966c4a, 24vw 24vw #79553a, 26vw 24vw #593d29, 28vw 24vw #966c4a, 30vw 24vw #79553a, 32vw 24vw #593d29, 2vw 26vw #79553a, 4vw 26vw #593d29, 6vw 26vw #966c4a, 8vw 26vw #79553a, 10vw 26vw #966c4a, 12vw 26vw #966c4a, 14vw 26vw #b9855c, 16vw 26vw #79553a, 18vw 26vw #79553a, 20vw 26vw #79553a, 22vw 26vw #79553a, 24vw 26vw #79553a, 26vw 26vw #79553a, 28vw 26vw #79553a, 30vw 26vw #b9855c, 32vw 26vw #b9855c, 2vw 28vw #79553a, 4vw 28vw #966c4a, 6vw 28vw #79553a, 8vw 28vw #79553a, 10vw 28vw #745844, 12vw 28vw #79553a, 14vw 28vw #966c4a, 16vw 28vw #966c4a, 18vw 28vw #79553a, 20vw 28vw #593d29, 22vw 28vw #b9855c, 24vw 28vw #593d29, 26vw 28vw #79553a, 28vw 28vw #b9855c, 30vw 28vw #966c4a, 32vw 28vw #966c4a, 2vw 30vw #966c4a, 4vw 30vw #79553a, 6vw 30vw #593d29, 8vw 30vw #b9855c, 10vw 30vw #79553a, 12vw 30vw #593d29, 14vw 30vw #79553a, 16vw 30vw #593d29, 18vw 30vw #b9855c, 20vw 30vw #b9855c, 22vw 30vw #79553a, 24vw 30vw #966c4a, 26vw 30vw #79553a, 28vw 30vw #79553a, 30vw 30vw #966c4a, 32vw 30vw #966c4a, 2vw 32vw #966c4a, 4vw 32vw #79553a, 6vw 32vw #b9855c, 8vw 32vw #966c4a, 10vw 32vw #966c4a, 12vw 32vw #79553a, 14vw 32vw #878787, 16vw 32vw #79553a, 18vw 32vw #966c4a, 20vw 32vw #966c4a, 22vw 32vw #79553a, 24vw 32vw #79553a, 26vw 32vw #966c4a, 28vw 32vw #966c4a, 30vw 32vw #79553a, 32vw 32vw #593d29; } } .surface { transform: translateZ(36vh); top: -192vh; left: -192vh; } @media screen and (orientation: portrait) { .surface { transform: translateZ(36vw); top: -192vw; left: -192vw; } } .surface > div { display: flex; } .surface > div:nth-child(1) { top: 0vh; } .surface > div:nth-child(2) { top: 32vh; } .surface > div:nth-child(3) { top: 64vh; } .surface > div:nth-child(4) { top: 96vh; } .surface > div:nth-child(5) { top: 128vh; } .surface > div:nth-child(6) { top: 160vh; } .surface > div:nth-child(7) { top: 192vh; } .surface > div:nth-child(8) { top: 224vh; } .surface > div:nth-child(9) { top: 256vh; } .surface > div:nth-child(10) { top: 288vh; } .surface > div:nth-child(11) { top: 320vh; } .surface > div:nth-child(12) { top: 352vh; } .surface > div > div { height: 2vh; width: 2vh; top: -2vh; } .surface > div > div:nth-child(1) { left: -2vh; } .surface > div > div:nth-child(2) { left: 30vh; } .surface > div > div:nth-child(3) { left: 62vh; } .surface > div > div:nth-child(4) { left: 94vh; } .surface > div > div:nth-child(5) { left: 126vh; } .surface > div > div:nth-child(6) { left: 158vh; } .surface > div > div:nth-child(7) { left: 190vh; } .surface > div > div:nth-child(8) { left: 222vh; } .surface > div > div:nth-child(9) { left: 254vh; } .surface > div > div:nth-child(10) { left: 286vh; } .surface > div > div:nth-child(11) { left: 318vh; } .surface > div > div:nth-child(12) { left: 350vh; } @media screen and (orientation: portrait) { .surface > div:nth-child(1) { top: 0vw; } .surface > div:nth-child(2) { top: 32vw; } .surface > div:nth-child(3) { top: 64vw; } .surface > div:nth-child(4) { top: 96vw; } .surface > div:nth-child(5) { top: 128vw; } .surface > div:nth-child(6) { top: 160vw; } .surface > div:nth-child(7) { top: 192vw; } .surface > div:nth-child(8) { top: 224vw; } .surface > div:nth-child(9) { top: 256vw; } .surface > div:nth-child(10) { top: 288vw; } .surface > div:nth-child(11) { top: 320vw; } .surface > div:nth-child(12) { top: 352vw; } .surface > div > div { height: 2vw; width: 2vw; top: -2vw; } .surface > div > div:nth-child(1) { left: -2vw; } .surface > div > div:nth-child(2) { left: 30vw; } .surface > div > div:nth-child(3) { left: 62vw; } .surface > div > div:nth-child(4) { left: 94vw; } .surface > div > div:nth-child(5) { left: 126vw; } .surface > div > div:nth-child(6) { left: 158vw; } .surface > div > div:nth-child(7) { left: 190vw; } .surface > div > div:nth-child(8) { left: 222vw; } .surface > div > div:nth-child(9) { left: 254vw; } .surface > div > div:nth-child(10) { left: 286vw; } .surface > div > div:nth-child(11) { left: 318vw; } .surface > div > div:nth-child(12) { left: 350vw; } } .grass-block:nth-child(1) { transform: translateX(112vh) translateY(20vh) translateZ(-144vh); } .grass-block:nth-child(2) { transform: translateX(80vh) translateY(-12vh) translateZ(-144vh); } .grass-block:nth-child(3) { transform: translateX(48vh) translateY(20vh) translateZ(-144vh); } .grass-block:nth-child(4) { transform: translateX(48vh) translateY(-44vh) translateZ(-176vh); } .grass-block:nth-child(5) { transform: translateX(16vh) translateY(-76vh) translateZ(-176vh); } .grass-block:nth-child(6) { transform: translateX(16vh) translateY(20vh) translateZ(-144vh); } .grass-block:nth-child(7) { transform: translateX(-16vh) translateY(20vh) translateZ(-144vh); } .grass-block:nth-child(8) { transform: translateX(-16vh) translateY(-12vh) translateZ(-176vh); } .grass-block:nth-child(9) { transform: translateX(-48vh) translateY(-12vh) translateZ(-144vh); } .grass-block:nth-child(10) { transform: translateX(-80vh) translateY(20vh) translateZ(-112vh); } .grass-block:nth-child(11) { transform: translateX(-112vh) translateY(20vh) translateZ(-112vh); } .grass-block:nth-child(12) { transform: translateX(-144vh) translateY(20vh) translateZ(-112vh); } .grass-block:nth-child(13) { transform: translateX(-176vh) translateY(-12vh) translateZ(-80vh); } .grass-block:nth-child(14) { transform: translateX(-144vh) translateY(20vh) translateZ(-48vh); } .grass-block:nth-child(15) { transform: translateX(-144vh) translateY(20vh) translateZ(-16vh); } .grass-block:nth-child(16) { transform: translateX(-176vh) translateY(-12vh) translateZ(16vh); } .grass-block:nth-child(17) { transform: translateX(-176vh) translateY(-12vh) translateZ(48vh); } .grass-block:nth-child(18) { transform: translateX(-176vh) translateY(-12vh) translateZ(80vh); } .grass-block:nth-child(19) { transform: translateX(-144vh) translateY(20vh) translateZ(112vh); } .grass-block:nth-child(20) { transform: translateX(-144vh) translateY(20vh) translateZ(144vh); } .grass-block:nth-child(21) { transform: translateX(-176vh) translateY(20vh) translateZ(144vh); } .grass-block:nth-child(22) { transform: translateX(-176vh) translateY(-12vh) translateZ(176vh); } .grass-block:nth-child(23) { transform: translateX(-144vh) translateY(20vh) translateZ(176vh); } .grass-block:nth-child(24) { transform: translateX(-112vh) translateY(20vh) translateZ(176vh); } .grass-block:nth-child(25) { transform: translateX(-80vh) translateY(20vh) translateZ(176vh); } .grass-block:nth-child(26) { transform: translateX(-48vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(27) { transform: translateX(-16vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(28) { transform: translateX(208vh) translateY(-12vh) translateZ(-80vh); } .grass-block:nth-child(29) { transform: translateX(208vh) translateY(20vh) translateZ(-48vh); } .grass-block:nth-child(30) { transform: translateX(208vh) translateY(20vh) translateZ(-16vh); } .grass-block:nth-child(31) { transform: translateX(208vh) translateY(-12vh) translateZ(16vh); } .grass-block:nth-child(32) { transform: translateX(208vh) translateY(-12vh) translateZ(48vh); } .grass-block:nth-child(33) { transform: translateX(208vh) translateY(-12vh) translateZ(80vh); } .grass-block:nth-child(34) { transform: translateX(208vh) translateY(20vh) translateZ(112vh); } .grass-block:nth-child(35) { transform: translateX(208vh) translateY(20vh) translateZ(144vh); } .grass-block:nth-child(36) { transform: translateX(208vh) translateY(20vh) translateZ(144vh); } .grass-block:nth-child(37) { transform: translateX(208vh) translateY(-12vh) translateZ(208vh); } .grass-block:nth-child(38) { transform: translateX(176vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(39) { transform: translateX(144vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(40) { transform: translateX(112vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(41) { transform: translateX(80vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(42) { transform: translateX(48vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(43) { transform: translateX(16vh) translateY(20vh) translateZ(208vh); } .grass-block:nth-child(44) { transform: translateX(208vh) translateY(20vh) translateZ(176vh); } .grass-block:nth-child(45) { transform: translateX(208vh) translateY(20vh) translateZ(-112vh); } .grass-block:nth-child(46) { transform: translateX(208vh) translateY(20vh) translateZ(-144vh); } .grass-block:nth-child(47) { transform: translateX(176vh) translateY(20vh) translateZ(-176vh); } .grass-block:nth-child(48) { transform: translateX(144vh) translateY(-12vh) translateZ(-176vh); } .grass-block:nth-child(49) { transform: translateX(144vh) translateY(20vh) translateZ(176vh); } .grass-block:nth-child(50) { transform: translateX(176vh) translateY(20vh) translateZ(176vh); } @media screen and (orientation: portrait) { .grass-block:nth-child(1) { transform: translateX(112vw) translateY(20vw) translateZ(-144vw); } .grass-block:nth-child(2) { transform: translateX(80vw) translateY(-12vw) translateZ(-144vw); } .grass-block:nth-child(3) { transform: translateX(48vw) translateY(20vw) translateZ(-144vw); } .grass-block:nth-child(4) { transform: translateX(48vw) translateY(-44vw) translateZ(-176vw); } .grass-block:nth-child(5) { transform: translateX(16vw) translateY(-76vw) translateZ(-176vw); } .grass-block:nth-child(6) { transform: translateX(16vw) translateY(20vw) translateZ(-144vw); } .grass-block:nth-child(7) { transform: translateX(-16vw) translateY(20vw) translateZ(-144vw); } .grass-block:nth-child(8) { transform: translateX(-16vw) translateY(-12vw) translateZ(-176vw); } .grass-block:nth-child(9) { transform: translateX(-48vw) translateY(-12vw) translateZ(-144vw); } .grass-block:nth-child(10) { transform: translateX(-80vw) translateY(20vw) translateZ(-112vw); } .grass-block:nth-child(11) { transform: translateX(-112vw) translateY(20vw) translateZ(-112vw); } .grass-block:nth-child(12) { transform: translateX(-144vw) translateY(20vw) translateZ(-112vw); } .grass-block:nth-child(13) { transform: translateX(-176vw) translateY(-12vw) translateZ(-80vw); } .grass-block:nth-child(14) { transform: translateX(-144vw) translateY(20vw) translateZ(-48vw); } .grass-block:nth-child(15) { transform: translateX(-144vw) translateY(20vw) translateZ(-16vw); } .grass-block:nth-child(16) { transform: translateX(-176vw) translateY(-12vw) translateZ(16vw); } .grass-block:nth-child(17) { transform: translateX(-176vw) translateY(-12vw) translateZ(48vw); } .grass-block:nth-child(18) { transform: translateX(-176vw) translateY(-12vw) translateZ(80vw); } .grass-block:nth-child(19) { transform: translateX(-144vw) translateY(20vw) translateZ(112vw); } .grass-block:nth-child(20) { transform: translateX(-144vw) translateY(20vw) translateZ(144vw); } .grass-block:nth-child(21) { transform: translateX(-176vw) translateY(20vw) translateZ(144vw); } .grass-block:nth-child(22) { transform: translateX(-176vw) translateY(-12vw) translateZ(176vw); } .grass-block:nth-child(23) { transform: translateX(-144vw) translateY(20vw) translateZ(176vw); } .grass-block:nth-child(24) { transform: translateX(-112vw) translateY(20vw) translateZ(176vw); } .grass-block:nth-child(25) { transform: translateX(-80vw) translateY(20vw) translateZ(176vw); } .grass-block:nth-child(26) { transform: translateX(-48vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(27) { transform: translateX(-16vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(28) { transform: translateX(208vw) translateY(-12vw) translateZ(-80vw); } .grass-block:nth-child(29) { transform: translateX(208vw) translateY(20vw) translateZ(-48vw); } .grass-block:nth-child(30) { transform: translateX(208vw) translateY(20vw) translateZ(-16vw); } .grass-block:nth-child(31) { transform: translateX(208vw) translateY(-12vw) translateZ(16vw); } .grass-block:nth-child(32) { transform: translateX(208vw) translateY(-12vw) translateZ(48vw); } .grass-block:nth-child(33) { transform: translateX(208vw) translateY(-12vw) translateZ(80vw); } .grass-block:nth-child(34) { transform: translateX(208vw) translateY(20vw) translateZ(112vw); } .grass-block:nth-child(35) { transform: translateX(208vw) translateY(20vw) translateZ(144vw); } .grass-block:nth-child(36) { transform: translateX(208vw) translateY(20vw) translateZ(144vw); } .grass-block:nth-child(37) { transform: translateX(208vw) translateY(-12vw) translateZ(208vw); } .grass-block:nth-child(38) { transform: translateX(176vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(39) { transform: translateX(144vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(40) { transform: translateX(112vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(41) { transform: translateX(80vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(42) { transform: translateX(48vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(43) { transform: translateX(16vw) translateY(20vw) translateZ(208vw); } .grass-block:nth-child(44) { transform: translateX(208vw) translateY(20vw) translateZ(176vw); } .grass-block:nth-child(45) { transform: translateX(208vw) translateY(20vw) translateZ(-112vw); } .grass-block:nth-child(46) { transform: translateX(208vw) translateY(20vw) translateZ(-144vw); } .grass-block:nth-child(47) { transform: translateX(176vw) translateY(20vw) translateZ(-176vw); } .grass-block:nth-child(48) { transform: translateX(144vw) translateY(-12vw) translateZ(-176vw); } .grass-block:nth-child(49) { transform: translateX(144vw) translateY(20vw) translateZ(176vw); } .grass-block:nth-child(50) { transform: translateX(176vw) translateY(20vw) translateZ(176vw); } } .dirt-block:nth-child(1) { transform: translateX(80vh) translateY(20vh) translateZ(-144vh); } .dirt-block:nth-child(2) { transform: translateX(48vh) translateY(-12vh) translateZ(-176vh); } .dirt-block:nth-child(3) { transform: translateX(16vh) translateY(-12vh) translateZ(-176vh); } .dirt-block:nth-child(4) { transform: translateX(16vh) translateY(-44vh) translateZ(-176vh); } .dirt-block:nth-child(5) { transform: translateX(-48vh) translateY(20vh) translateZ(-144vh); } .dirt-block:nth-child(6) { transform: translateX(-176vh) translateY(20vh) translateZ(-80vh); } .dirt-block:nth-child(7) { transform: translateX(208vh) translateY(20vh) translateZ(-80vh); } .dirt-block:nth-child(8) { transform: translateX(208vh) translateY(20vh) translateZ(16vh); } .dirt-block:nth-child(9) { transform: translateX(208vh) translateY(20vh) translateZ(48vh); } .dirt-block:nth-child(10) { transform: translateX(208vh) translateY(20vh) translateZ(80vh); } .dirt-block:nth-child(11) { transform: translateX(-176vh) translateY(20vh) translateZ(16vh); } .dirt-block:nth-child(12) { transform: translateX(-176vh) translateY(20vh) translateZ(48vh); } .dirt-block:nth-child(13) { transform: translateX(-176vh) translateY(20vh) translateZ(80vh); } .dirt-block:nth-child(14) { transform: translateX(144vh) translateY(20vh) translateZ(-176vh); } @media screen and (orientation: portrait) { .dirt-block:nth-child(1) { transform: translateX(80vw) translateY(20vw) translateZ(-144vw); } .dirt-block:nth-child(2) { transform: translateX(48vw) translateY(-12vw) translateZ(-176vw); } .dirt-block:nth-child(3) { transform: translateX(16vw) translateY(-12vw) translateZ(-176vw); } .dirt-block:nth-child(4) { transform: translateX(16vw) translateY(-44vw) translateZ(-176vw); } .dirt-block:nth-child(5) { transform: translateX(-48vw) translateY(20vw) translateZ(-144vw); } .dirt-block:nth-child(6) { transform: translateX(-176vw) translateY(20vw) translateZ(-80vw); } .dirt-block:nth-child(7) { transform: translateX(208vw) translateY(20vw) translateZ(-80vw); } .dirt-block:nth-child(8) { transform: translateX(208vw) translateY(20vw) translateZ(16vw); } .dirt-block:nth-child(9) { transform: translateX(208vw) translateY(20vw) translateZ(48vw); } .dirt-block:nth-child(10) { transform: translateX(208vw) translateY(20vw) translateZ(80vw); } .dirt-block:nth-child(11) { transform: translateX(-176vw) translateY(20vw) translateZ(16vw); } .dirt-block:nth-child(12) { transform: translateX(-176vw) translateY(20vw) translateZ(48vw); } .dirt-block:nth-child(13) { transform: translateX(-176vw) translateY(20vw) translateZ(80vw); } .dirt-block:nth-child(14) { transform: translateX(144vw) translateY(20vw) translateZ(-176vw); } } .grass-block > div, .dirt-block > div { transform-origin: bottom right; top: -2vh; left: -2vh; height: 2vh; width: 2vh; } .grass-block > div:nth-child(1), .dirt-block > div:nth-child(1) { transform: rotateY(-90deg) translateX(-16vh) translateY(-16vh) translateZ(16vh); } .grass-block > div:nth-child(2), .dirt-block > div:nth-child(2) { transform: translateX(-16vh) translateY(-16vh) translateZ(16vh); } .grass-block > div:nth-child(3), .dirt-block > div:nth-child(3) { transform: rotateY(90deg) translateX(-16vh) translateY(-16vh) translateZ(16vh); } .grass-block > div:nth-child(4), .dirt-block > div:nth-child(4) { transform: rotateY(180deg) translateX(-16vh) translateY(-16vh) translateZ(16vh); } .grass-block > div:nth-child(5), .dirt-block > div:nth-child(5) { transform: rotateX(-90deg) translateX(-16vh) translateY(-16vh) translateZ(-16vh); } @media screen and (orientation: portrait) { .grass-block > div, .dirt-block > div { top: -2vw; left: -2vw; height: 2vw; width: 2vw; } .grass-block > div:nth-child(1), .dirt-block > div:nth-child(1) { transform: rotateY(-90deg) translateX(-16vw) translateY(-16vw) translateZ(16vw); } .grass-block > div:nth-child(2), .dirt-block > div:nth-child(2) { transform: translateX(-16vw) translateY(-16vw) translateZ(16vw); } .grass-block > div:nth-child(3), .dirt-block > div:nth-child(3) { transform: rotateY(90deg) translateX(-16vw) translateY(-16vw) translateZ(16vw); } .grass-block > div:nth-child(4), .dirt-block > div:nth-child(4) { transform: rotateY(180deg) translateX(-16vw) translateY(-16vw) translateZ(16vw); } .grass-block > div:nth-child(5), .dirt-block > div:nth-child(5) { transform: rotateX(-90deg) translateX(-16vw) translateY(-16vw) translateZ(-16vw); } } .credit { display: none; position: absolute; z-index: 1; right: 20px; bottom: 20px; } .credit .r-1 { width: 0.5vh; } @media screen and (orientation: portrait) { .credit .r-1 { width: 0.5vw; } } .credit .r-2 { width: 1vh; } @media screen and (orientation: portrait) { .credit .r-2 { width: 1vw; } } .credit .r-3 { width: 1.5vh; } @media screen and (orientation: portrait) { .credit .r-3 { width: 1.5vw; } } .credit .r-4 { width: 2vh; } @media screen and (orientation: portrait) { .credit .r-4 { width: 2vw; } } .credit .r-5 { width: 2.5vh; } @media screen and (orientation: portrait) { .credit .r-5 { width: 2.5vw; } } .credit .r-6 { width: 3vh; } @media screen and (orientation: portrait) { .credit .r-6 { width: 3vw; } } .credit > div { display: flex; } .credit > div > div { height: 0.5vh; } @media screen and (orientation: portrait) { .credit > div > div { height: 0.5vw; } } .stage { top: 50%; left: 50%; animation: camera 20s linear infinite; } @media screen and (orientation: portrait) { .stage { animation: camera_p 20s linear infinite; } } @keyframes camera { 0% { transform: rotateX(-90deg) translateY(-32vh) rotateZ(0); } 50% { transform: rotateX(-130deg) translateY(-32vh) rotateZ(180deg); } 100% { transform: rotateX(-90deg) translateY(-32vh) rotateZ(360deg); } } @keyframes camera_p { 0% { transform: rotateX(-90deg) translateY(-32vw) rotateZ(0); } 50% { transform: rotateX(-130deg) translateY(-32vw) rotateZ(180deg); } 100% { transform: rotateX(-90deg) translateY(-32vw) rotateZ(360deg); } } body { perspective: 192vh; margin: 0; height: 100vh; width: 100vw; overflow: hidden; box-shadow: inset 0 0 100vw 10vw rgba(0, 0, 150, 0.6); background-color: lightblue; } body div { transform-style: preserve-3d; position: absolute; } @media screen and (orientation: portrait) { body { perspective: 192vw; } } </style> <body> <input class="control control-pig" type="checkbox" name="pig" checked="checked" /> <input class="control control-steve" type="checkbox" name="steve" checked="checked" /> <input class="control control-terrain" type="checkbox" name="terrain" checked="checked" /> <div class="icon icon-pig"> <div> <div class="X6A r-2"></div> <div class="X67 r-1"></div> <div class="X6A r-2"></div> <div class="X67 r-1"></div> <div class="X6A r-1"></div> <div class="X67 r-1"></div> </div> <div> <div class="X67 r-3"></div> <div class="X6A r-2"></div> <div class="X67 r-1"></div> <div class="X6A r-2"></div> </div> <div> <div class="X65 r-2"></div> <div class="X67 r-2"></div> <div class="X6A r-1"></div> <div class="X67 r-1"></div> <div class="X65 r-2"></div> </div> <div> <div class="X00 r-1"></div> <div class="X34 r-1"></div> <div class="X65 r-1"></div> <div class="X62 r-2"></div> <div class="X65 r-1"></div> <div class="X34 r-1"></div> <div class="X00 r-1"></div> </div> <div> <div class="X65 r-1"></div> <div class="X67 r-6"></div> <div class="X65 r-1"></div> </div> <div> <div class="X62 r-1"></div> <div class="X65 r-1"></div> <div class="X68 r-1"></div> <div class="X63 r-1"></div> <div class="X62 r-1"></div> <div class="X68 r-1"></div> <div class="X65 r-1"></div> <div class="X62 r-1"></div> </div> <div> <div class="X62 r-2"></div> <div class="X67 r-4"></div> <div class="X62 r-2"></div> </div> <div> <div class="X63 r-1"></div> <div class="X62 r-6"></div> <div class="X63 r-1"></div> </div> </div> <div class="icon icon-steve"> <div> <div class="X2B r-1"></div> <div class="X1F r-1"></div> <div class="X32 r-1"></div> <div class="X3D r-1"></div> <div class="X2A r-1"></div> <div class="X09 r-1"></div> <div class="X1F r-1"></div> <div class="X29 r-1"></div> </div> <div> <div class="X1F r-3"></div> <div class="X23 r-1"></div> <div class="X42 r-1"></div> <div class="X48 r-1"></div> <div class="X02 r-1"></div> <div class="X3D r-1"></div> </div> <div> <div class="X1F r-1"></div> <div class="X33 r-1"></div> <div class="X38 r-1"></div> <div class="X3E r-1"></div> <div class="X43 r-1"></div> <div class="X49 r-1"></div> <div class="X4C r-1"></div> <div class="X50 r-1"></div> </div> <div> <div class="X2C r-1"></div> <div class="X2D r-1"></div> <div class="X2C r-1"></div> <div class="X3F r-1"></div> <div class="X44 r-1"></div> <div class="X45 r-1"></div> <div class="X4D r-2"></div> </div> <div> <div class="X2D r-1"></div> <div class="X34 r-1"></div> <div class="X39 r-1"></div> <div class="X40 r-1"></div> <div class="X45 r-1"></div> <div class="X39 r-1"></div> <div class="X34 r-1"></div> <div class="X2C r-1"></div> </div> <div> <div class="X2E r-1"></div> <div class="X35 r-1"></div> <div class="X3A r-1"></div> <div class="X41 r-2"></div> <div class="X4A r-1"></div> <div class="X4E r-1"></div> <div class="X51 r-1"></div> </div> <div> <div class="X2F r-1"></div> <div class="X36 r-1"></div> <div class="X3B r-4"></div> <div class="X4F r-1"></div> <div class="X3C r-1"></div> </div> <div> <div class="X30 r-1"></div> <div class="X37 r-1"></div> <div class="X3C r-2"></div> <div class="X46 r-1"></div> <div class="X4B r-2"></div> <div class="X46 r-1"></div> </div> </div> <div class="icon icon-terrain"> <div> <div class="XAC r-1"></div> <div class="XB3 r-1"></div> <div class="XB6 r-1"></div> <div class="XB9 r-2"></div> <div class="XC1 r-1"></div> <div class="XC2 r-1"></div> <div class="XB4 r-1"></div> </div> <div> <div class="XAD r-1"></div> <div class="XB4 r-1"></div> <div class="XB7 r-1"></div> <div class="XBA r-1"></div> <div class="XBC r-1"></div> <div class="XAF r-1"></div> <div class="XC3 r-1"></div> <div class="XC5 r-1"></div> </div> <div> <div class="XAE r-1"></div> <div class="XAF r-1"></div> <div class="XB8 r-1"></div> <div class="XBB r-1"></div> <div class="XBD r-1"></div> <div class="XAF r-1"></div> <div class="XC4 r-1"></div> <div class="XAF r-1"></div> </div> <div> <div class="XAF r-1"></div> <div class="XB5 r-1"></div> <div class="XAF r-2"></div> <div class="XBE r-1"></div> <div class="XAF r-3"></div> </div> <div> <div class="XB0 r-1"></div> <div class="XB1 r-1"></div> <div class="XB0 r-1"></div> <div class="XB2 r-1"></div> <div class="XAF r-1"></div> <div class="XB0 r-1"></div> <div class="XB1 r-2"></div> </div> <div> <div class="XB1 r-1"></div> <div class="XAF r-1"></div> <div class="XB0 r-2"></div> <div class="XB1 r-1"></div> <div class="XB0 r-1"></div> <div class="XAF r-2"></div> </div> <div> <div class="XB2 r-1"></div> <div class="XB1 r-3"></div> <div class="XBF r-1"></div> <div class="XB1 r-2"></div> <div class="XB2 r-1"></div> </div> <div> <div class="XB1 r-2"></div> <div class="XB2 r-2"></div> <div class="XB0 r-2"></div> <div class="XB1 r-2"></div> </div> </div> <div class="stage"> <div class="entity steve"> <div class="steve__head s__8__8__8 l__0__-10__0 o__0__0__0"> <div class="poly steve__head__right"> <div> <div class="X01 r-2"></div> <div class="X09 r-1"></div> <div class="X0C r-1"></div> <div class="X0D r-1"></div> <div class="X18 r-1"></div> <div class="X1E r-2"></div> </div> <div> <div class="X01 r-2"></div> <div class="X09 r-2"></div> <div class="X02 r-1"></div> <div class="X0D r-1"></div> <div class="X1F r-1"></div> <div class="X23 r-1"></div> </div> <div> <div class="X02 r-1"></div> <div class="X06 r-1"></div> <div class="X09 r-1"></div> <div class="X0D r-1"></div> <div class="X10 r-1"></div> <div class="X19 r-1"></div> <div class="X20 r-1"></div> <div class="X0D r-1"></div> </div> <div> <div class="X01 r-1"></div> <div class="X07 r-1"></div> <div class="X0A r-1"></div> <div class="X02 r-1"></div> <div class="X01 r-1"></div> <div class="X0C r-1"></div> <div class="X02 r-1"></div> <div class="X24 r-1"></div> </div> <div> <div class="X01 r-3"></div> <div class="X0E r-1"></div> <div class="X11 r-1"></div> <div class="X1A r-1"></div> <div class="X21 r-1"></div> <div class="X25 r-1"></div> </div> <div> <div class="X01 r-2"></div> <div class="X07 r-1"></div> <div class="X06 r-1"></div> <div class="X12 r-1"></div> <div class="X1B r-1"></div> <div class="X1C r-1"></div> <div class="X26 r-1"></div> </div> <div> <div class="X02 r-1"></div> <div class="X01 r-1"></div> <div class="X0A r-1"></div> <div class="X0F r-1"></div> <div class="X13 r-1"></div> <div class="X0B r-1"></div> <div class="X03 r-1"></div> <div class="X27 r-1"></div> </div> <div> <div class="X03 r-2"></div> <div class="X0B r-1"></div> <div class="X03 r-1"></div> <div class="X14 r-1"></div> <div class="X1C r-1"></div> <div class="X22 r-1"></div> <div class="X28 r-1"></div> </div> </div> <div class="poly steve__head__front"> <div> <div class="X2B r-1"></div> <div class="X1F r-1"></div> <div class="X32 r-1"></div> <div class="X3D r-1"></div> <div class="X2A r-1"></div> <div class="X09 r-1"></div> <div class="X1F r-1"></div> <div class="X29 r-1"></div> </div> <div> <div class="X1F r-3"></div> <div class="X23 r-1"></div> <div class="X42 r-1"></div> <div class="X48 r-1"></div> <div class="X02 r-1"></div> <div class="X3D r-1"></div> </div> <div> <div class="X1F r-1"></div> <div class="X33 r-1"></div> <div class="X38 r-1"></div> <div class="X3E r-1"></div> <div class="X43 r-1"></div> <div class="X49 r-1"></div> <div class="X4C r-1"></div> <div class="X50 r-1"></div> </div> <div> <div class="X2C r-1"></div> <div class="X2D r-1"></div> <div class="X2C r-1"></div> <div class="X3F r-1"></div> <div class="X44 r-1"></div> <div class="X45 r-1"></div> <div class="X4D r-2"></div> </div> <div> <div class="X2D r-1"></div> <div class="X34 r-1"></div> <div class="X39 r-1"></div> <div class="X40 r-1"></div> <div class="X45 r-1"></div> <div class="X39 r-1"></div> <div class="X34 r-1"></div> <div class="X2C r-1"></div> </div> <div> <div class="X2E r-1"></div> <div class="X35 r-1"></div> <div class="X3A r-1"></div> <div class="X41 r-2"></div> <div class="X4A r-1"></div> <div class="X4E r-1"></div> <div class="X51 r-1"></div> </div> <div> <div class="X2F r-1"></div> <div class="X36 r-1"></div> <div class="X3B r-4"></div> <div class="X4F r-1"></div> <div class="X3C r-1"></div> </div> <div> <div class="X30 r-1"></div> <div class="X37 r-1"></div> <div class="X3C r-2"></div> <div class="X46 r-1"></div> <div class="X4B r-2"></div> <div class="X46 r-1"></div> </div> </div> <div class="poly steve__head__left"> <div> <div class="X1E r-2"></div> <div class="X18 r-1"></div> <div class="X0D r-1"></div> <div class="X0C r-1"></div> <div class="X09 r-1"></div> <div class="X01 r-2"></div> </div> <div> <div class="X23 r-1"></div> <div class="X1F r-1"></div> <div class="X0D r-1"></div> <div class="X02 r-1"></div> <div class="X09 r-2"></div> <div class="X01 r-2"></div> </div> <div> <div class="X0D r-1"></div> <div class="X20 r-1"></div> <div class="X19 r-1"></div> <div class="X10 r-1"></div> <div class="X0D r-1"></div> <div class="X09 r-1"></div> <div class="X06 r-1"></div> <div class="X02 r-1"></div> </div> <div> <div class="X24 r-1"></div> <div class="X02 r-1"></div> <div class="X0C r-1"></div> <div class="X01 r-1"></div> <div class="X02 r-1"></div> <div class="X0A r-1"></div> <div class="X07 r-1"></div> <div class="X01 r-1"></div> </div> <div> <div class="X25 r-1"></div> <div class="X21 r-1"></div> <div class="X1A r-1"></div> <div class="X11 r-1"></div> <div class="X0E r-1"></div> <div class="X01 r-3"></div> </div> <div> <div class="X26 r-1"></div> <div class="X1C r-1"></div> <div class="X1B r-1"></div> <div class="X12 r-1"></div> <div class="X06 r-1"></div> <div class="X07 r-1"></div> <div class="X01 r-2"></div> </div> <div> <div class="X27 r-1"></div> <div class="X03 r-1"></div> <div class="X0B r-1"></div> <div class="X13 r-1"></div> <div class="X0F r-1"></div> <div class="X0A r-1"></div> <div class="X01 r-1"></div> <div class="X02 r-1"></div> </div> <div> <div class="X28 r-1"></div> <div class="X22 r-1"></div> <div class="X56 r-1"></div> <div class="X14 r-1"></div> <div class="X57 r-1"></div> <div class="X14 r-1"></div> <div class="X0B r-1"></div> <div class="X03 r-1"></div> </div> </div> <div class="poly steve__head__back"> <div> <div class="X29 r-2"></div> <div class="X2A r-1"></div> <div class="X29 r-2"></div> <div class="X2A r-2"></div> <div class="X47 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X2A r-1"></div> <div class="X32 r-2"></div> <div class="X29 r-1"></div> <div class="X2A r-3"></div> </div> <div> <div class="X29 r-1"></div> <div class="X32 r-2"></div> <div class="X09 r-1"></div> <div class="X29 r-1"></div> <div class="X2A r-3"></div> </div> <div> <div class="X2A r-1"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> <div class="X2A r-1"></div> <div class="X29 r-2"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> <div class="X09 r-2"></div> <div class="X32 r-2"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-2"></div> <div class="X09 r-2"></div> <div class="X32 r-3"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X09 r-1"></div> <div class="X32 r-1"></div> <div class="X0D r-1"></div> <div class="X09 r-1"></div> <div class="X47 r-1"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> </div> <div> <div class="X03 r-1"></div> <div class="X27 r-1"></div> <div class="X09 r-4"></div> <div class="X27 r-1"></div> <div class="X03 r-1"></div> </div> </div> <div class="poly steve__head__top"> <div> <div class="X29 r-2"></div> <div class="X2A r-1"></div> <div class="X29 r-2"></div> <div class="X2A r-2"></div> <div class="X47 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X2A r-1"></div> <div class="X32 r-2"></div> <div class="X29 r-1"></div> <div class="X2A r-3"></div> </div> <div> <div class="X29 r-1"></div> <div class="X32 r-2"></div> <div class="X09 r-1"></div> <div class="X29 r-1"></div> <div class="X2A r-3"></div> </div> <div> <div class="X2A r-1"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> <div class="X2A r-1"></div> <div class="X29 r-2"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> <div class="X09 r-2"></div> <div class="X32 r-2"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-2"></div> <div class="X09 r-2"></div> <div class="X32 r-3"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X09 r-1"></div> <div class="X32 r-1"></div> <div class="X0D r-1"></div> <div class="X09 r-1"></div> <div class="X47 r-1"></div> <div class="X32 r-1"></div> <div class="X29 r-1"></div> </div> <div> <div class="X29 r-1"></div> <div class="X0D r-1"></div> <div class="X09 r-4"></div> <div class="X29 r-2"></div> </div> </div> <div class="poly steve__head__bottom"> <div> <div class="X27 r-8"></div> </div> <div> <div class="X27 r-1"></div> <div class="X41 r-1"></div> <div class="X03 r-1"></div> <div class="X41 r-1"></div> <div class="X03 r-2"></div> <div class="X27 r-2"></div> </div> <div> <div class="X27 r-1"></div> <div class="X41 r-1"></div> <div class="X55 r-4"></div> <div class="X41 r-1"></div> <div class="X27 r-1"></div> </div> <div> <div class="X27 r-1"></div> <div class="X41 r-1"></div> <div class="X55 r-4"></div> <div class="X41 r-1"></div> <div class="X27 r-1"></div> </div> <div> <div class="X27 r-1"></div> <div class="X41 r-1"></div> <div class="X55 r-4"></div> <div class="X41 r-1"></div> <div class="X27 r-1"></div> </div> <div> <div class="X27 r-1"></div> <div class="X41 r-1"></div> <div class="X55 r-4"></div> <div class="X5D r-1"></div> <div class="X27 r-1"></div> </div> <div> <div class="X27 r-1"></div> <div class="X41 r-6"></div> <div class="X27 r-1"></div> </div> <div> <div class="X27 r-8"></div> </div> </div> </div> <div class="steve__body s__8__12__4 l__0__0__0 o__0__0__0"> <div class="poly steve__body__right"> <div> <div class="X52 r-3"></div> <div class="X54 r-1"></div> </div> <div> <div class="X52 r-1"></div> <div class="X53 r-2"></div> <div class="X52 r-1"></div> </div> <div> <div class="X53 r-3"></div> <div class="X52 r-1"></div> </div> <div> <div class="X54 r-1"></div> <div class="X53 r-2"></div> <div class="X54 r-1"></div> </div> <div> <div class="X53 r-1"></div> <div class="X54 r-3"></div> </div> <div> <div class="X54 r-3"></div> <div class="X53 r-1"></div> </div> <div> <div class="X53 r-1"></div> <div class="X54 r-2"></div> <div class="X53 r-1"></div> </div> <div> <div class="X52 r-1"></div> <div class="X53 r-2"></div> <div class="X52 r-1"></div> </div> <div> <div class="X52 r-1"></div> <div class="X53 r-2"></div> <div class="X52 r-1"></div> </div> <div> <div class="X52 r-1"></div> <div class="X53 r-1"></div> <div class="X52 r-2"></div> </div> <div> <div class="X04 r-1"></div> <div class="X08 r-1"></div> <div class="X04 r-1"></div> <div class="X08 r-1"></div> </div> <div> <div class="X04 r-1"></div> <div class="X08 r-1"></div> <div class="X04 r-2"></div> </div> </div> <div class="poly steve__body__front"> <div> <div class="X59 r-1"></div> <div class="X5C.........完整代码请登录后点击上方下载按钮下载查看
网友评论0