poni
/
harvesting_the_net
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'fe499adf1d'
${ noResults }
harvesting_the_net/text/static/style.css

1033 lines
48 KiB
CSS
Raw Normal View History Unescape Escape

smooth + text
2 years ago
:root {
--scenePerspective: 1;
--scenePerspectiveOriginX: 50;
--scenePerspectiveOriginY: 0;
--itemZ: 5;
--cameraSpeed: 40;
--cameraZ: 0;
--viewportHeight: 105;
}
.viewport {
height: calc(var(--viewportHeight) * 1px);
}
.viewport .scene3D-container {
z-index: 1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
perspective: calc(var(--scenePerspective) * var(--cameraSpeed) * 1px);
perspective-origin: calc(var(--scenePerspectiveOriginX) * 1%) calc(var(--scenePerspectiveOriginY) * 1%);
will-change: perspective-origin;
transform: translate3d(0, 0, 0);
}
.viewport .scene3D-container .scene3D {
position: absolute;
top: 0;
height: 100vh;
width: 100%;
transform-style: preserve-3d;
transform: translateZ(calc(var(--cameraZ) * 1px));
will-change: transform;
}
.viewport .scene3D-container .scene3D > div {
position: absolute;
display: block;
width: 70%;
top: 100%;
}
.viewport .scene3D-container .scene3D > div:nth-child(2n) {
left: 80%;
bottom: 10%;
}
.viewport .scene3D-container .scene3D > div:nth-child(2n+1) {
right: 80%;
bottom: 10%;
}
.viewport .scene3D-container .scene3D > div:nth-child(0) {
transform: translate3D(13%, 124%, calc(var(--itemZ) * var(--cameraSpeed) * 0 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(1) {
transform: translate3D(9.4%, 144%, calc(var(--itemZ) * var(--cameraSpeed) * 1 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(2) {
transform: translate3D(13.9%, 248%, calc(var(--itemZ) * var(--cameraSpeed) * 2 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(3) {
transform: translate3D(2.3%, 24%, calc(var(--itemZ) * var(--cameraSpeed) * 3 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(4) {
transform: translate3D(9.2%, 299%, calc(var(--itemZ) * var(--cameraSpeed) * 4 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(5) {
transform: translate3D(5.5%, 58%, calc(var(--itemZ) * var(--cameraSpeed) * 5 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(6) {
transform: translate3D(18.5%, 243%, calc(var(--itemZ) * var(--cameraSpeed) * 6 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(7) {
transform: translate3D(0.9%, 42%, calc(var(--itemZ) * var(--cameraSpeed) * 7 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(8) {
transform: translate3D(15.7%, 150%, calc(var(--itemZ) * var(--cameraSpeed) * 8 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(9) {
transform: translate3D(1.2%, 42%, calc(var(--itemZ) * var(--cameraSpeed) * 9 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(10) {
transform: translate3D(10.8%, 298%, calc(var(--itemZ) * var(--cameraSpeed) * 10 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(11) {
transform: translate3D(15.4%, 192%, calc(var(--itemZ) * var(--cameraSpeed) * 11 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(12) {
transform: translate3D(9.3%, 153%, calc(var(--itemZ) * var(--cameraSpeed) * 12 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(13) {
transform: translate3D(9.1%, 29%, calc(var(--itemZ) * var(--cameraSpeed) * 13 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(14) {
transform: translate3D(16.9%, 111%, calc(var(--itemZ) * var(--cameraSpeed) * 14 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(15) {
transform: translate3D(12%, 266%, calc(var(--itemZ) * var(--cameraSpeed) * 15 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(16) {
transform: translate3D(9.1%, 246%, calc(var(--itemZ) * var(--cameraSpeed) * 16 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(17) {
transform: translate3D(9.6%, 187%, calc(var(--itemZ) * var(--cameraSpeed) * 17 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(18) {
transform: translate3D(3.7%, 6%, calc(var(--itemZ) * var(--cameraSpeed) * 18 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(19) {
transform: translate3D(17.1%, 257%, calc(var(--itemZ) * var(--cameraSpeed) * 19 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(20) {
transform: translate3D(18.9%, 127%, calc(var(--itemZ) * var(--cameraSpeed) * 20 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(21) {
transform: translate3D(10.6%, 281%, calc(var(--itemZ) * var(--cameraSpeed) * 21 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(22) {
transform: translate3D(19.3%, 38%, calc(var(--itemZ) * var(--cameraSpeed) * 22 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(23) {
transform: translate3D(0.8%, 241%, calc(var(--itemZ) * var(--cameraSpeed) * 23 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(24) {
transform: translate3D(9.1%, 256%, calc(var(--itemZ) * var(--cameraSpeed) * 24 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(25) {
transform: translate3D(19.1%, 184%, calc(var(--itemZ) * var(--cameraSpeed) * 25 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(26) {
transform: translate3D(14.7%, 180%, calc(var(--itemZ) * var(--cameraSpeed) * 26 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(27) {
transform: translate3D(1.6%, 118%, calc(var(--itemZ) * var(--cameraSpeed) * 27 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(28) {
transform: translate3D(4.8%, 276%, calc(var(--itemZ) * var(--cameraSpeed) * 28 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(29) {
transform: translate3D(7.3%, 54%, calc(var(--itemZ) * var(--cameraSpeed) * 29 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(30) {
transform: translate3D(17.7%, 78%, calc(var(--itemZ) * var(--cameraSpeed) * 30 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(31) {
transform: translate3D(7.6%, 108%, calc(var(--itemZ) * var(--cameraSpeed) * 31 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(32) {
transform: translate3D(1.8%, 122%, calc(var(--itemZ) * var(--cameraSpeed) * 32 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(33) {
transform: translate3D(18.3%, 230%, calc(var(--itemZ) * var(--cameraSpeed) * 33 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(34) {
transform: translate3D(0.7%, 299%, calc(var(--itemZ) * var(--cameraSpeed) * 34 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(35) {
transform: translate3D(13.4%, 55%, calc(var(--itemZ) * var(--cameraSpeed) * 35 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(36) {
transform: translate3D(2.4%, 258%, calc(var(--itemZ) * var(--cameraSpeed) * 36 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(37) {
transform: translate3D(7.4%, 162%, calc(var(--itemZ) * var(--cameraSpeed) * 37 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(38) {
transform: translate3D(16.7%, 215%, calc(var(--itemZ) * var(--cameraSpeed) * 38 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(39) {
transform: translate3D(18.1%, 259%, calc(var(--itemZ) * var(--cameraSpeed) * 39 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(40) {
transform: translate3D(1%, 196%, calc(var(--itemZ) * var(--cameraSpeed) * 40 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(41) {
transform: translate3D(2.2%, 247%, calc(var(--itemZ) * var(--cameraSpeed) * 41 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(42) {
transform: translate3D(6.5%, 90%, calc(var(--itemZ) * var(--cameraSpeed) * 42 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(43) {
transform: translate3D(0.9%, 263%, calc(var(--itemZ) * var(--cameraSpeed) * 43 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(44) {
transform: translate3D(16.1%, 239%, calc(var(--itemZ) * var(--cameraSpeed) * 44 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(45) {
transform: translate3D(0.7%, 35%, calc(var(--itemZ) * var(--cameraSpeed) * 45 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(46) {
transform: translate3D(10.1%, 40%, calc(var(--itemZ) * var(--cameraSpeed) * 46 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(47) {
transform: translate3D(7.8%, 101%, calc(var(--itemZ) * var(--cameraSpeed) * 47 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(48) {
transform: translate3D(2.6%, 122%, calc(var(--itemZ) * var(--cameraSpeed) * 48 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(49) {
transform: translate3D(10.6%, 92%, calc(var(--itemZ) * var(--cameraSpeed) * 49 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(50) {
transform: translate3D(17.5%, 239%, calc(var(--itemZ) * var(--cameraSpeed) * 50 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(51) {
transform: translate3D(12.6%, 46%, calc(var(--itemZ) * var(--cameraSpeed) * 51 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(52) {
transform: translate3D(18.1%, 114%, calc(var(--itemZ) * var(--cameraSpeed) * 52 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(53) {
transform: translate3D(2.8%, 197%, calc(var(--itemZ) * var(--cameraSpeed) * 53 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(54) {
transform: translate3D(16.2%, 42%, calc(var(--itemZ) * var(--cameraSpeed) * 54 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(55) {
transform: translate3D(14.2%, 125%, calc(var(--itemZ) * var(--cameraSpeed) * 55 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(56) {
transform: translate3D(16.6%, 127%, calc(var(--itemZ) * var(--cameraSpeed) * 56 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(57) {
transform: translate3D(6.7%, 268%, calc(var(--itemZ) * var(--cameraSpeed) * 57 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(58) {
transform: translate3D(2.8%, 38%, calc(var(--itemZ) * var(--cameraSpeed) * 58 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(59) {
transform: translate3D(2.6%, 106%, calc(var(--itemZ) * var(--cameraSpeed) * 59 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(60) {
transform: translate3D(2.8%, 111%, calc(var(--itemZ) * var(--cameraSpeed) * 60 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(61) {
transform: translate3D(3.2%, 179%, calc(var(--itemZ) * var(--cameraSpeed) * 61 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(62) {
transform: translate3D(3.2%, 117%, calc(var(--itemZ) * var(--cameraSpeed) * 62 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(63) {
transform: translate3D(8.2%, 222%, calc(var(--itemZ) * var(--cameraSpeed) * 63 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(64) {
transform: translate3D(16%, 127%, calc(var(--itemZ) * var(--cameraSpeed) * 64 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(65) {
transform: translate3D(6.7%, 106%, calc(var(--itemZ) * var(--cameraSpeed) * 65 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(66) {
transform: translate3D(2.2%, 213%, calc(var(--itemZ) * var(--cameraSpeed) * 66 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(67) {
transform: translate3D(5.6%, 248%, calc(var(--itemZ) * var(--cameraSpeed) * 67 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(68) {
transform: translate3D(19.1%, 83%, calc(var(--itemZ) * var(--cameraSpeed) * 68 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(69) {
transform: translate3D(14.3%, 119%, calc(var(--itemZ) * var(--cameraSpeed) * 69 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(70) {
transform: translate3D(5.6%, 159%, calc(var(--itemZ) * var(--cameraSpeed) * 70 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(71) {
transform: translate3D(14.9%, 114%, calc(var(--itemZ) * var(--cameraSpeed) * 71 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(72) {
transform: translate3D(2%, 95%, calc(var(--itemZ) * var(--cameraSpeed) * 72 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(73) {
transform: translate3D(0.7%, 166%, calc(var(--itemZ) * var(--cameraSpeed) * 73 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(74) {
transform: translate3D(8.6%, 247%, calc(var(--itemZ) * var(--cameraSpeed) * 74 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(75) {
transform: translate3D(8.2%, 292%, calc(var(--itemZ) * var(--cameraSpeed) * 75 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(76) {
transform: translate3D(4.1%, 143%, calc(var(--itemZ) * var(--cameraSpeed) * 76 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(77) {
transform: translate3D(6.9%, 178%, calc(var(--itemZ) * var(--cameraSpeed) * 77 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(78) {
transform: translate3D(19.4%, 195%, calc(var(--itemZ) * var(--cameraSpeed) * 78 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(79) {
transform: translate3D(9%, 274%, calc(var(--itemZ) * var(--cameraSpeed) * 79 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(80) {
transform: translate3D(11.1%, 54%, calc(var(--itemZ) * var(--cameraSpeed) * 80 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(81) {
transform: translate3D(8.2%, 95%, calc(var(--itemZ) * var(--cameraSpeed) * 81 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(82) {
transform: translate3D(16.4%, 244%, calc(var(--itemZ) * var(--cameraSpeed) * 82 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(83) {
transform: translate3D(1.8%, 232%, calc(var(--itemZ) * var(--cameraSpeed) * 83 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(84) {
transform: translate3D(11.5%, 281%, calc(var(--itemZ) * var(--cameraSpeed) * 84 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(85) {
transform: translate3D(17.8%, 40%, calc(var(--itemZ) * var(--cameraSpeed) * 85 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(86) {
transform: translate3D(15.5%, 190%, calc(var(--itemZ) * var(--cameraSpeed) * 86 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(87) {
transform: translate3D(5.1%, 35%, calc(var(--itemZ) * var(--cameraSpeed) * 87 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(88) {
transform: translate3D(14.1%, 182%, calc(var(--itemZ) * var(--cameraSpeed) * 88 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(89) {
transform: translate3D(1.9%, 41%, calc(var(--itemZ) * var(--cameraSpeed) * 89 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(90) {
transform: translate3D(12.3%, 251%, calc(var(--itemZ) * var(--cameraSpeed) * 90 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(91) {
transform: translate3D(9.6%, 204%, calc(var(--itemZ) * var(--cameraSpeed) * 91 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(92) {
transform: translate3D(19.7%, 206%, calc(var(--itemZ) * var(--cameraSpeed) * 92 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(93) {
transform: translate3D(9.8%, 202%, calc(var(--itemZ) * var(--cameraSpeed) * 93 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(94) {
transform: translate3D(7.7%, 171%, calc(var(--itemZ) * var(--cameraSpeed) * 94 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(95) {
transform: translate3D(17.5%, 204%, calc(var(--itemZ) * var(--cameraSpeed) * 95 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(96) {
transform: translate3D(4.6%, 251%, calc(var(--itemZ) * var(--cameraSpeed) * 96 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(97) {
transform: translate3D(5.7%, 104%, calc(var(--itemZ) * var(--cameraSpeed) * 97 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(98) {
transform: translate3D(4.1%, 292%, calc(var(--itemZ) * var(--cameraSpeed) * 98 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(99) {
transform: translate3D(20%, 64%, calc(var(--itemZ) * var(--cameraSpeed) * 99 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(100) {
transform: translate3D(9.2%, 152%, calc(var(--itemZ) * var(--cameraSpeed) * 100 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(101) {
transform: translate3D(13.8%, 49%, calc(var(--itemZ) * var(--cameraSpeed) * 101 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(102) {
transform: translate3D(10.3%, 292%, calc(var(--itemZ) * var(--cameraSpeed) * 102 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(103) {
transform: translate3D(2%, 98%, calc(var(--itemZ) * var(--cameraSpeed) * 103 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(104) {
transform: translate3D(18.5%, 35%, calc(var(--itemZ) * var(--cameraSpeed) * 104 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(105) {
transform: translate3D(17.5%, 292%, calc(var(--itemZ) * var(--cameraSpeed) * 105 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(106) {
transform: translate3D(6.8%, 241%, calc(var(--itemZ) * var(--cameraSpeed) * 106 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(107) {
transform: translate3D(11.6%, 297%, calc(var(--itemZ) * var(--cameraSpeed) * 107 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(108) {
transform: translate3D(17.8%, 172%, calc(var(--itemZ) * var(--cameraSpeed) * 108 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(109) {
transform: translate3D(9.5%, 229%, calc(var(--itemZ) * var(--cameraSpeed) * 109 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(110) {
transform: translate3D(2.7%, 4%, calc(var(--itemZ) * var(--cameraSpeed) * 110 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(111) {
transform: translate3D(4%, 155%, calc(var(--itemZ) * var(--cameraSpeed) * 111 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(112) {
transform: translate3D(1.1%, 86%, calc(var(--itemZ) * var(--cameraSpeed) * 112 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(113) {
transform: translate3D(9.6%, 165%, calc(var(--itemZ) * var(--cameraSpeed) * 113 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(114) {
transform: translate3D(5.2%, 230%, calc(var(--itemZ) * var(--cameraSpeed) * 114 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(115) {
transform: translate3D(1.8%, 151%, calc(var(--itemZ) * var(--cameraSpeed) * 115 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(116) {
transform: translate3D(19%, 89%, calc(var(--itemZ) * var(--cameraSpeed) * 116 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(117) {
transform: translate3D(7.9%, 155%, calc(var(--itemZ) * var(--cameraSpeed) * 117 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(118) {
transform: translate3D(7.9%, 145%, calc(var(--itemZ) * var(--cameraSpeed) * 118 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(119) {
transform: translate3D(6.5%, 99%, calc(var(--itemZ) * var(--cameraSpeed) * 119 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(120) {
transform: translate3D(11.9%, 152%, calc(var(--itemZ) * var(--cameraSpeed) * 120 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(121) {
transform: translate3D(17.1%, 277%, calc(var(--itemZ) * var(--cameraSpeed) * 121 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(122) {
transform: translate3D(7.7%, 212%, calc(var(--itemZ) * var(--cameraSpeed) * 122 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(123) {
transform: translate3D(11.4%, 28%, calc(var(--itemZ) * var(--cameraSpeed) * 123 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(124) {
transform: translate3D(4.5%, 255%, calc(var(--itemZ) * var(--cameraSpeed) * 124 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(125) {
transform: translate3D(8.2%, 112%, calc(var(--itemZ) * var(--cameraSpeed) * 125 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(126) {
transform: translate3D(0.2%, 72%, calc(var(--itemZ) * var(--cameraSpeed) * 126 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(127) {
transform: translate3D(10.4%, 131%, calc(var(--itemZ) * var(--cameraSpeed) * 127 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(128) {
transform: translate3D(10.4%, 211%, calc(var(--itemZ) * var(--cameraSpeed) * 128 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(129) {
transform: translate3D(13%, 290%, calc(var(--itemZ) * var(--cameraSpeed) * 129 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(130) {
transform: translate3D(7.7%, 17%, calc(var(--itemZ) * var(--cameraSpeed) * 130 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(131) {
transform: translate3D(9.4%, 82%, calc(var(--itemZ) * var(--cameraSpeed) * 131 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(132) {
transform: translate3D(10.3%, 266%, calc(var(--itemZ) * var(--cameraSpeed) * 132 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(133) {
transform: translate3D(10.2%, 118%, calc(var(--itemZ) * var(--cameraSpeed) * 133 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(134) {
transform: translate3D(6%, 215%, calc(var(--itemZ) * var(--cameraSpeed) * 134 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(135) {
transform: translate3D(13.4%, 10%, calc(var(--itemZ) * var(--cameraSpeed) * 135 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(136) {
transform: translate3D(3.1%, 68%, calc(var(--itemZ) * var(--cameraSpeed) * 136 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(137) {
transform: translate3D(15%, 51%, calc(var(--itemZ) * var(--cameraSpeed) * 137 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(138) {
transform: translate3D(19.9%, 239%, calc(var(--itemZ) * var(--cameraSpeed) * 138 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(139) {
transform: translate3D(14.4%, 97%, calc(var(--itemZ) * var(--cameraSpeed) * 139 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(140) {
transform: translate3D(16.1%, 17%, calc(var(--itemZ) * var(--cameraSpeed) * 140 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(141) {
transform: translate3D(3.3%, 113%, calc(var(--itemZ) * var(--cameraSpeed) * 141 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(142) {
transform: translate3D(3.4%, 159%, calc(var(--itemZ) * var(--cameraSpeed) * 142 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(143) {
transform: translate3D(7.1%, 205%, calc(var(--itemZ) * var(--cameraSpeed) * 143 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(144) {
transform: translate3D(10.3%, 90%, calc(var(--itemZ) * var(--cameraSpeed) * 144 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(145) {
transform: translate3D(5.7%, 205%, calc(var(--itemZ) * var(--cameraSpeed) * 145 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(146) {
transform: translate3D(19.6%, 208%, calc(var(--itemZ) * var(--cameraSpeed) * 146 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(147) {
transform: translate3D(16.8%, 82%, calc(var(--itemZ) * var(--cameraSpeed) * 147 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(148) {
transform: translate3D(9%, 174%, calc(var(--itemZ) * var(--cameraSpeed) * 148 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(149) {
transform: translate3D(6.3%, 195%, calc(var(--itemZ) * var(--cameraSpeed) * 149 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(150) {
transform: translate3D(3.9%, 148%, calc(var(--itemZ) * var(--cameraSpeed) * 150 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(151) {
transform: translate3D(8.4%, 98%, calc(var(--itemZ) * var(--cameraSpeed) * 151 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(152) {
transform: translate3D(5.2%, 296%, calc(var(--itemZ) * var(--cameraSpeed) * 152 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(153) {
transform: translate3D(17.4%, 188%, calc(var(--itemZ) * var(--cameraSpeed) * 153 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(154) {
transform: translate3D(11.9%, 186%, calc(var(--itemZ) * var(--cameraSpeed) * 154 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(155) {
transform: translate3D(4.2%, 81%, calc(var(--itemZ) * var(--cameraSpeed) * 155 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(156) {
transform: translate3D(18.4%, 127%, calc(var(--itemZ) * var(--cameraSpeed) * 156 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(157) {
transform: translate3D(4%, 164%, calc(var(--itemZ) * var(--cameraSpeed) * 157 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(158) {
transform: translate3D(3.9%, 271%, calc(var(--itemZ) * var(--cameraSpeed) * 158 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(159) {
transform: translate3D(8.2%, 92%, calc(var(--itemZ) * var(--cameraSpeed) * 159 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(160) {
transform: translate3D(7%, 282%, calc(var(--itemZ) * var(--cameraSpeed) * 160 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(161) {
transform: translate3D(17.8%, 142%, calc(var(--itemZ) * var(--cameraSpeed) * 161 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(162) {
transform: translate3D(18.4%, 283%, calc(var(--itemZ) * var(--cameraSpeed) * 162 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(163) {
transform: translate3D(18.6%, 37%, calc(var(--itemZ) * var(--cameraSpeed) * 163 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(164) {
transform: translate3D(3.6%, 150%, calc(var(--itemZ) * var(--cameraSpeed) * 164 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(165) {
transform: translate3D(12.1%, 298%, calc(var(--itemZ) * var(--cameraSpeed) * 165 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(166) {
transform: translate3D(11.5%, 246%, calc(var(--itemZ) * var(--cameraSpeed) * 166 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(167) {
transform: translate3D(18.1%, 46%, calc(var(--itemZ) * var(--cameraSpeed) * 167 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(168) {
transform: translate3D(18.1%, 68%, calc(var(--itemZ) * var(--cameraSpeed) * 168 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(169) {
transform: translate3D(15.2%, 290%, calc(var(--itemZ) * var(--cameraSpeed) * 169 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(170) {
transform: translate3D(11%, 82%, calc(var(--itemZ) * var(--cameraSpeed) * 170 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(171) {
transform: translate3D(15.8%, 87%, calc(var(--itemZ) * var(--cameraSpeed) * 171 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(172) {
transform: translate3D(12.4%, 43%, calc(var(--itemZ) * var(--cameraSpeed) * 172 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(173) {
transform: translate3D(19.4%, 236%, calc(var(--itemZ) * var(--cameraSpeed) * 173 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(174) {
transform: translate3D(16.3%, 80%, calc(var(--itemZ) * var(--cameraSpeed) * 174 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(175) {
transform: translate3D(3.4%, 268%, calc(var(--itemZ) * var(--cameraSpeed) * 175 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(176) {
transform: translate3D(16.4%, 132%, calc(var(--itemZ) * var(--cameraSpeed) * 176 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(177) {
transform: translate3D(10%, 237%, calc(var(--itemZ) * var(--cameraSpeed) * 177 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(178) {
transform: translate3D(8.8%, 130%, calc(var(--itemZ) * var(--cameraSpeed) * 178 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(179) {
transform: translate3D(4.3%, 271%, calc(var(--itemZ) * var(--cameraSpeed) * 179 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(180) {
transform: translate3D(10.3%, 288%, calc(var(--itemZ) * var(--cameraSpeed) * 180 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(181) {
transform: translate3D(17.3%, 285%, calc(var(--itemZ) * var(--cameraSpeed) * 181 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(182) {
transform: translate3D(15.6%, 213%, calc(var(--itemZ) * var(--cameraSpeed) * 182 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(183) {
transform: translate3D(3.9%, 252%, calc(var(--itemZ) * var(--cameraSpeed) * 183 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(184) {
transform: translate3D(6.2%, 30%, calc(var(--itemZ) * var(--cameraSpeed) * 184 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(185) {
transform: translate3D(12.5%, 219%, calc(var(--itemZ) * var(--cameraSpeed) * 185 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(186) {
transform: translate3D(3%, 291%, calc(var(--itemZ) * var(--cameraSpeed) * 186 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(187) {
transform: translate3D(15%, 293%, calc(var(--itemZ) * var(--cameraSpeed) * 187 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(188) {
transform: translate3D(20%, 292%, calc(var(--itemZ) * var(--cameraSpeed) * 188 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(189) {
transform: translate3D(7.2%, 168%, calc(var(--itemZ) * var(--cameraSpeed) * 189 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(190) {
transform: translate3D(18.5%, 161%, calc(var(--itemZ) * var(--cameraSpeed) * 190 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(191) {
transform: translate3D(16%, 274%, calc(var(--itemZ) * var(--cameraSpeed) * 191 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(192) {
transform: translate3D(8%, 217%, calc(var(--itemZ) * var(--cameraSpeed) * 192 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(193) {
transform: translate3D(19.5%, 211%, calc(var(--itemZ) * var(--cameraSpeed) * 193 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(194) {
transform: translate3D(16.3%, 4%, calc(var(--itemZ) * var(--cameraSpeed) * 194 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(195) {
transform: translate3D(18.2%, 56%, calc(var(--itemZ) * var(--cameraSpeed) * 195 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(196) {
transform: translate3D(8.5%, 190%, calc(var(--itemZ) * var(--cameraSpeed) * 196 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(197) {
transform: translate3D(14.4%, 130%, calc(var(--itemZ) * var(--cameraSpeed) * 197 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(198) {
transform: translate3D(9.4%, 52%, calc(var(--itemZ) * var(--cameraSpeed) * 198 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(199) {
transform: translate3D(8.2%, 53%, calc(var(--itemZ) * var(--cameraSpeed) * 199 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(200) {
transform: translate3D(8.3%, 142%, calc(var(--itemZ) * var(--cameraSpeed) * 200 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(201) {
transform: translate3D(12.2%, 57%, calc(var(--itemZ) * var(--cameraSpeed) * 201 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(202) {
transform: translate3D(10.1%, 5%, calc(var(--itemZ) * var(--cameraSpeed) * 202 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(203) {
transform: translate3D(14.6%, 3%, calc(var(--itemZ) * var(--cameraSpeed) * 203 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(204) {
transform: translate3D(9.5%, 110%, calc(var(--itemZ) * var(--cameraSpeed) * 204 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(205) {
transform: translate3D(5.3%, 130%, calc(var(--itemZ) * var(--cameraSpeed) * 205 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(206) {
transform: translate3D(19.7%, 65%, calc(var(--itemZ) * var(--cameraSpeed) * 206 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(207) {
transform: translate3D(10.1%, 192%, calc(var(--itemZ) * var(--cameraSpeed) * 207 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(208) {
transform: translate3D(3.5%, 117%, calc(var(--itemZ) * var(--cameraSpeed) * 208 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(209) {
transform: translate3D(13%, 254%, calc(var(--itemZ) * var(--cameraSpeed) * 209 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(210) {
transform: translate3D(11.1%, 153%, calc(var(--itemZ) * var(--cameraSpeed) * 210 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(211) {
transform: translate3D(10%, 60%, calc(var(--itemZ) * var(--cameraSpeed) * 211 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(212) {
transform: translate3D(1.4%, 119%, calc(var(--itemZ) * var(--cameraSpeed) * 212 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(213) {
transform: translate3D(7.8%, 129%, calc(var(--itemZ) * var(--cameraSpeed) * 213 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(214) {
transform: translate3D(15.1%, 24%, calc(var(--itemZ) * var(--cameraSpeed) * 214 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(215) {
transform: translate3D(19.4%, 223%, calc(var(--itemZ) * var(--cameraSpeed) * 215 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(216) {
transform: translate3D(1%, 165%, calc(var(--itemZ) * var(--cameraSpeed) * 216 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(217) {
transform: translate3D(17.9%, 106%, calc(var(--itemZ) * var(--cameraSpeed) * 217 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(218) {
transform: translate3D(18.1%, 176%, calc(var(--itemZ) * var(--cameraSpeed) * 218 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(219) {
transform: translate3D(1.8%, 246%, calc(var(--itemZ) * var(--cameraSpeed) * 219 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(220) {
transform: translate3D(7.4%, 250%, calc(var(--itemZ) * var(--cameraSpeed) * 220 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(221) {
transform: translate3D(1%, 31%, calc(var(--itemZ) * var(--cameraSpeed) * 221 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(222) {
transform: translate3D(17.4%, 251%, calc(var(--itemZ) * var(--cameraSpeed) * 222 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(223) {
transform: translate3D(4.8%, 297%, calc(var(--itemZ) * var(--cameraSpeed) * 223 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(224) {
transform: translate3D(12.6%, 155%, calc(var(--itemZ) * var(--cameraSpeed) * 224 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(225) {
transform: translate3D(7.5%, 232%, calc(var(--itemZ) * var(--cameraSpeed) * 225 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(226) {
transform: translate3D(12.3%, 281%, calc(var(--itemZ) * var(--cameraSpeed) * 226 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(227) {
transform: translate3D(10.5%, 251%, calc(var(--itemZ) * var(--cameraSpeed) * 227 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(228) {
transform: translate3D(1%, 10%, calc(var(--itemZ) * var(--cameraSpeed) * 228 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(229) {
transform: translate3D(14.2%, 212%, calc(var(--itemZ) * var(--cameraSpeed) * 229 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(230) {
transform: translate3D(9.9%, 165%, calc(var(--itemZ) * var(--cameraSpeed) * 230 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(231) {
transform: translate3D(1.4%, 98%, calc(var(--itemZ) * var(--cameraSpeed) * 231 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(232) {
transform: translate3D(6.2%, 298%, calc(var(--itemZ) * var(--cameraSpeed) * 232 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(233) {
transform: translate3D(12.2%, 297%, calc(var(--itemZ) * var(--cameraSpeed) * 233 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(234) {
transform: translate3D(13.1%, 53%, calc(var(--itemZ) * var(--cameraSpeed) * 234 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(235) {
transform: translate3D(8.5%, 120%, calc(var(--itemZ) * var(--cameraSpeed) * 235 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(236) {
transform: translate3D(7%, 172%, calc(var(--itemZ) * var(--cameraSpeed) * 236 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(237) {
transform: translate3D(1.6%, 40%, calc(var(--itemZ) * var(--cameraSpeed) * 237 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(238) {
transform: translate3D(14.9%, 184%, calc(var(--itemZ) * var(--cameraSpeed) * 238 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(239) {
transform: translate3D(17.8%, 277%, calc(var(--itemZ) * var(--cameraSpeed) * 239 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(240) {
transform: translate3D(15.2%, 164%, calc(var(--itemZ) * var(--cameraSpeed) * 240 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(241) {
transform: translate3D(4.5%, 283%, calc(var(--itemZ) * var(--cameraSpeed) * 241 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(242) {
transform: translate3D(7.2%, 287%, calc(var(--itemZ) * var(--cameraSpeed) * 242 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(243) {
transform: translate3D(7.4%, 145%, calc(var(--itemZ) * var(--cameraSpeed) * 243 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(244) {
transform: translate3D(11.4%, 119%, calc(var(--itemZ) * var(--cameraSpeed) * 244 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(245) {
transform: translate3D(19.8%, 288%, calc(var(--itemZ) * var(--cameraSpeed) * 245 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(246) {
transform: translate3D(11%, 126%, calc(var(--itemZ) * var(--cameraSpeed) * 246 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(247) {
transform: translate3D(16.5%, 260%, calc(var(--itemZ) * var(--cameraSpeed) * 247 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(248) {
transform: translate3D(0.2%, 264%, calc(var(--itemZ) * var(--cameraSpeed) * 248 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(249) {
transform: translate3D(13.5%, 160%, calc(var(--itemZ) * var(--cameraSpeed) * 249 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(250) {
transform: translate3D(1.8%, 282%, calc(var(--itemZ) * var(--cameraSpeed) * 250 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(251) {
transform: translate3D(16.5%, 300%, calc(var(--itemZ) * var(--cameraSpeed) * 251 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(252) {
transform: translate3D(6.1%, 182%, calc(var(--itemZ) * var(--cameraSpeed) * 252 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(253) {
transform: translate3D(12.7%, 30%, calc(var(--itemZ) * var(--cameraSpeed) * 253 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(254) {
transform: translate3D(6.4%, 66%, calc(var(--itemZ) * var(--cameraSpeed) * 254 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(255) {
transform: translate3D(9.6%, 145%, calc(var(--itemZ) * var(--cameraSpeed) * 255 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(256) {
transform: translate3D(1.6%, 79%, calc(var(--itemZ) * var(--cameraSpeed) * 256 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(257) {
transform: translate3D(16.4%, 140%, calc(var(--itemZ) * var(--cameraSpeed) * 257 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(258) {
transform: translate3D(8.4%, 25%, calc(var(--itemZ) * var(--cameraSpeed) * 258 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(259) {
transform: translate3D(17.5%, 145%, calc(var(--itemZ) * var(--cameraSpeed) * 259 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(260) {
transform: translate3D(18.4%, 71%, calc(var(--itemZ) * var(--cameraSpeed) * 260 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(261) {
transform: translate3D(11.1%, 56%, calc(var(--itemZ) * var(--cameraSpeed) * 261 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(262) {
transform: translate3D(2.1%, 220%, calc(var(--itemZ) * var(--cameraSpeed) * 262 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(263) {
transform: translate3D(10.4%, 193%, calc(var(--itemZ) * var(--cameraSpeed) * 263 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(264) {
transform: translate3D(3.5%, 18%, calc(var(--itemZ) * var(--cameraSpeed) * 264 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(265) {
transform: translate3D(10.5%, 282%, calc(var(--itemZ) * var(--cameraSpeed) * 265 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(266) {
transform: translate3D(19.1%, 27%, calc(var(--itemZ) * var(--cameraSpeed) * 266 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(267) {
transform: translate3D(11.1%, 60%, calc(var(--itemZ) * var(--cameraSpeed) * 267 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(268) {
transform: translate3D(6.6%, 65%, calc(var(--itemZ) * var(--cameraSpeed) * 268 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(269) {
transform: translate3D(8.1%, 272%, calc(var(--itemZ) * var(--cameraSpeed) * 269 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(270) {
transform: translate3D(4%, 218%, calc(var(--itemZ) * var(--cameraSpeed) * 270 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(271) {
transform: translate3D(8.2%, 293%, calc(var(--itemZ) * var(--cameraSpeed) * 271 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(272) {
transform: translate3D(12.1%, 240%, calc(var(--itemZ) * var(--cameraSpeed) * 272 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(273) {
transform: translate3D(8%, 60%, calc(var(--itemZ) * var(--cameraSpeed) * 273 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(274) {
transform: translate3D(14%, 212%, calc(var(--itemZ) * var(--cameraSpeed) * 274 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(275) {
transform: translate3D(12.1%, 113%, calc(var(--itemZ) * var(--cameraSpeed) * 275 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(276) {
transform: translate3D(15.4%, 116%, calc(var(--itemZ) * var(--cameraSpeed) * 276 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(277) {
transform: translate3D(3.9%, 231%, calc(var(--itemZ) * var(--cameraSpeed) * 277 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(278) {
transform: translate3D(1.2%, 6%, calc(var(--itemZ) * var(--cameraSpeed) * 278 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(279) {
transform: translate3D(13.4%, 74%, calc(var(--itemZ) * var(--cameraSpeed) * 279 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(280) {
transform: translate3D(19.5%, 136%, calc(var(--itemZ) * var(--cameraSpeed) * 280 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(281) {
transform: translate3D(6.2%, 186%, calc(var(--itemZ) * var(--cameraSpeed) * 281 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(282) {
transform: translate3D(18%, 243%, calc(var(--itemZ) * var(--cameraSpeed) * 282 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(283) {
transform: translate3D(11.6%, 283%, calc(var(--itemZ) * var(--cameraSpeed) * 283 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(284) {
transform: translate3D(9.6%, 123%, calc(var(--itemZ) * var(--cameraSpeed) * 284 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(285) {
transform: translate3D(6.9%, 225%, calc(var(--itemZ) * var(--cameraSpeed) * 285 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(286) {
transform: translate3D(6.3%, 39%, calc(var(--itemZ) * var(--cameraSpeed) * 286 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(287) {
transform: translate3D(15.5%, 100%, calc(var(--itemZ) * var(--cameraSpeed) * 287 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(288) {
transform: translate3D(2.6%, 131%, calc(var(--itemZ) * var(--cameraSpeed) * 288 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(289) {
transform: translate3D(2.3%, 297%, calc(var(--itemZ) * var(--cameraSpeed) * 289 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(290) {
transform: translate3D(8.4%, 32%, calc(var(--itemZ) * var(--cameraSpeed) * 290 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(291) {
transform: translate3D(15.3%, 2%, calc(var(--itemZ) * var(--cameraSpeed) * 291 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(292) {
transform: translate3D(18.7%, 21%, calc(var(--itemZ) * var(--cameraSpeed) * 292 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(293) {
transform: translate3D(5.9%, 34%, calc(var(--itemZ) * var(--cameraSpeed) * 293 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(294) {
transform: translate3D(6.6%, 96%, calc(var(--itemZ) * var(--cameraSpeed) * 294 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(295) {
transform: translate3D(6.3%, 51%, calc(var(--itemZ) * var(--cameraSpeed) * 295 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(296) {
transform: translate3D(6.8%, 29%, calc(var(--itemZ) * var(--cameraSpeed) * 296 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(297) {
transform: translate3D(0.7%, 92%, calc(var(--itemZ) * var(--cameraSpeed) * 297 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(298) {
transform: translate3D(1.6%, 80%, calc(var(--itemZ) * var(--cameraSpeed) * 298 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(299) {
transform: translate3D(0.1%, 68%, calc(var(--itemZ) * var(--cameraSpeed) * 299 * -.5px));
}
.viewport .scene3D-container .scene3D > div:nth-child(300) {
transform: translate3D(2.4%, 126%, calc(var(--itemZ) * var(--cameraSpeed) * 300 * -.5px));
}
*,
*:before,
*:after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "Courier New", Courier, monospace;
background-color: blue;
padding: 0;
margin: 0;
}
#loading {
width: 100%;
height: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
}
#text {
position: fixed;
z-index: 100;
left: 0;
bottom: 0;
width: 150%;
display: flex;
}
#text {
position: fixed;
left: 0;
height: 210px;
animation: scroll-left 500s linear infinite;
}
.marquee {
font-size: 60px;
color: #0f0;
white-space: nowrap;
}
@keyframes scroll-left {
0% {
left: 0;
}
100% {
left: -3000%;
}
}
@-moz-keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
}
}
.scene3D > div {
padding: 5vw;
}
.scene3D > div h1 {
color: white;
font-size: 400px;
width: 1000vw;
margin: 0 0 0 -650%;
text-align: center;
}
.scene3D > div img {
width: 150vw;
}
/*# sourceMappingURL=style.css.map */