div+css实现三维地球旋转动画效果代码
代码语言:html
所属分类:动画
代码描述:div+css实现三维地球旋转动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> html,body { height: 100%;}body { display: flex; margin: 0; background-color: #14141e; perspective: 2000px;}.globe { margin: auto;}.globe,.globe .row { transform-style: preserve-3d;}.globe .tile,.globe .row .tile { transform-style: flat;}.row { padding: 0; width: 0; position: relative;}.row .tile { width: 34.90659px; height: 34.90659px; display: block; margin: 0; position: absolute; left: -17.45329px; top: -17.45329px;}.row .tile:before, .row .tile:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}.row:nth-child(1) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(1):before, .row:nth-child(1) .tile:nth-child(1):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(2):before, .row:nth-child(1) .tile:nth-child(2):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(3):before, .row:nth-child(1) .tile:nth-child(3):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(4):before, .row:nth-child(1) .tile:nth-child(4):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(5):before, .row:nth-child(1) .tile:nth-child(5):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(6):before, .row:nth-child(1) .tile:nth-child(6):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(7):before, .row:nth-child(1) .tile:nth-child(7):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(8):before, .row:nth-child(1) .tile:nth-child(8):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(9):before, .row:nth-child(1) .tile:nth-child(9):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(10):before, .row:nth-child(1) .tile:nth-child(10):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(11):before, .row:nth-child(1) .tile:nth-child(11):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(12):before, .row:nth-child(1) .tile:nth-child(12):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(13):before, .row:nth-child(1) .tile:nth-child(13):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(14):before, .row:nth-child(1) .tile:nth-child(14):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(15):before, .row:nth-child(1) .tile:nth-child(15):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(16):before, .row:nth-child(1) .tile:nth-child(16):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(17):before, .row:nth-child(1) .tile:nth-child(17):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(18):before, .row:nth-child(1) .tile:nth-child(18):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(19):before, .row:nth-child(1) .tile:nth-child(19):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(20):before, .row:nth-child(1) .tile:nth-child(20):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(21):before, .row:nth-child(1) .tile:nth-child(21):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(22):before, .row:nth-child(1) .tile:nth-child(22):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(23):before, .row:nth-child(1) .tile:nth-child(23):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(24):before, .row:nth-child(1) .tile:nth-child(24):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(25):before, .row:nth-child(1) .tile:nth-child(25):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(26):before, .row:nth-child(1) .tile:nth-child(26):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(27):before, .row:nth-child(1) .tile:nth-child(27):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(28):before, .row:nth-child(1) .tile:nth-child(28):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(29):before, .row:nth-child(1) .tile:nth-child(29):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(30):before, .row:nth-child(1) .tile:nth-child(30):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(31):before, .row:nth-child(1) .tile:nth-child(31):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(32):before, .row:nth-child(1) .tile:nth-child(32):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(33):before, .row:nth-child(1) .tile:nth-child(33):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(34):before, .row:nth-child(1) .tile:nth-child(34):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(35):before, .row:nth-child(1) .tile:nth-child(35):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(36):before, .row:nth-child(1) .tile:nth-child(36):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(1) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(85deg) translateZ(200px) scaleX(0.17365) scaleY(1.72193); perspective: 1px;}.row:nth-child(1) .tile:nth-child(37):before, .row:nth-child(1) .tile:nth-child(37):after { transform: rotateX(0.14551rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(1):before, .row:nth-child(2) .tile:nth-child(1):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(2):before, .row:nth-child(2) .tile:nth-child(2):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(3):before, .row:nth-child(2) .tile:nth-child(3):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(4):before, .row:nth-child(2) .tile:nth-child(4):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(5):before, .row:nth-child(2) .tile:nth-child(5):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(6):before, .row:nth-child(2) .tile:nth-child(6):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(7):before, .row:nth-child(2) .tile:nth-child(7):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(8):before, .row:nth-child(2) .tile:nth-child(8):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(9):before, .row:nth-child(2) .tile:nth-child(9):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(10):before, .row:nth-child(2) .tile:nth-child(10):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(11):before, .row:nth-child(2) .tile:nth-child(11):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(12):before, .row:nth-child(2) .tile:nth-child(12):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(13):before, .row:nth-child(2) .tile:nth-child(13):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(14):before, .row:nth-child(2) .tile:nth-child(14):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(15):before, .row:nth-child(2) .tile:nth-child(15):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(16):before, .row:nth-child(2) .tile:nth-child(16):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(17):before, .row:nth-child(2) .tile:nth-child(17):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(18):before, .row:nth-child(2) .tile:nth-child(18):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(19):before, .row:nth-child(2) .tile:nth-child(19):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(20):before, .row:nth-child(2) .tile:nth-child(20):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(21):before, .row:nth-child(2) .tile:nth-child(21):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(22):before, .row:nth-child(2) .tile:nth-child(22):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(23):before, .row:nth-child(2) .tile:nth-child(23):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(24):before, .row:nth-child(2) .tile:nth-child(24):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(25):before, .row:nth-child(2) .tile:nth-child(25):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(26):before, .row:nth-child(2) .tile:nth-child(26):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(27):before, .row:nth-child(2) .tile:nth-child(27):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(28):before, .row:nth-child(2) .tile:nth-child(28):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(29):before, .row:nth-child(2) .tile:nth-child(29):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(30):before, .row:nth-child(2) .tile:nth-child(30):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(31):before, .row:nth-child(2) .tile:nth-child(31):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(32):before, .row:nth-child(2) .tile:nth-child(32):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(33):before, .row:nth-child(2) .tile:nth-child(33):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(34):before, .row:nth-child(2) .tile:nth-child(34):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(35):before, .row:nth-child(2) .tile:nth-child(35):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(36):before, .row:nth-child(2) .tile:nth-child(36):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(2) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(75deg) translateZ(200px) scaleX(0.34202) scaleY(1.32686); perspective: 1px;}.row:nth-child(2) .tile:nth-child(37):before, .row:nth-child(2) .tile:nth-child(37):after { transform: rotateX(0.02778rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(1):before, .row:nth-child(3) .tile:nth-child(1):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(2):before, .row:nth-child(3) .tile:nth-child(2):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(3):before, .row:nth-child(3) .tile:nth-child(3):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(4):before, .row:nth-child(3) .tile:nth-child(4):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(5):before, .row:nth-child(3) .tile:nth-child(5):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(6):before, .row:nth-child(3) .tile:nth-child(6):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(7):before, .row:nth-child(3) .tile:nth-child(7):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(8):before, .row:nth-child(3) .tile:nth-child(8):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(9):before, .row:nth-child(3) .tile:nth-child(9):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(10):before, .row:nth-child(3) .tile:nth-child(10):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(11):before, .row:nth-child(3) .tile:nth-child(11):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(12):before, .row:nth-child(3) .tile:nth-child(12):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(13):before, .row:nth-child(3) .tile:nth-child(13):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(14):before, .row:nth-child(3) .tile:nth-child(14):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(15):before, .row:nth-child(3) .tile:nth-child(15):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(16):before, .row:nth-child(3) .tile:nth-child(16):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(17):before, .row:nth-child(3) .tile:nth-child(17):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(18):before, .row:nth-child(3) .tile:nth-child(18):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(19):before, .row:nth-child(3) .tile:nth-child(19):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(20):before, .row:nth-child(3) .tile:nth-child(20):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(21):before, .row:nth-child(3) .tile:nth-child(21):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(22):before, .row:nth-child(3) .tile:nth-child(22):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(23):before, .row:nth-child(3) .tile:nth-child(23):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(24):before, .row:nth-child(3) .tile:nth-child(24):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(25):before, .row:nth-child(3) .tile:nth-child(25):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(26):before, .row:nth-child(3) .tile:nth-child(26):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(27):before, .row:nth-child(3) .tile:nth-child(27):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(28):before, .row:nth-child(3) .tile:nth-child(28):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(29):before, .row:nth-child(3) .tile:nth-child(29):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(30):before, .row:nth-child(3) .tile:nth-child(30):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(31):before, .row:nth-child(3) .tile:nth-child(31):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(32):before, .row:nth-child(3) .tile:nth-child(32):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(33):before, .row:nth-child(3) .tile:nth-child(33):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(34):before, .row:nth-child(3) .tile:nth-child(34):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(35):before, .row:nth-child(3) .tile:nth-child(35):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(36):before, .row:nth-child(3) .tile:nth-child(36):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(3) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(65deg) translateZ(200px) scaleX(0.5) scaleY(1.1877); perspective: 1px;}.row:nth-child(3) .tile:nth-child(37):before, .row:nth-child(3) .tile:nth-child(37):after { transform: rotateX(0.01323rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(1):before, .row:nth-child(4) .tile:nth-child(1):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(2):before, .row:nth-child(4) .tile:nth-child(2):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(3):before, .row:nth-child(4) .tile:nth-child(3):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(4):before, .row:nth-child(4) .tile:nth-child(4):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(5):before, .row:nth-child(4) .tile:nth-child(5):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(6):before, .row:nth-child(4) .tile:nth-child(6):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(7):before, .row:nth-child(4) .tile:nth-child(7):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(8):before, .row:nth-child(4) .tile:nth-child(8):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(9):before, .row:nth-child(4) .tile:nth-child(9):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(10):before, .row:nth-child(4) .tile:nth-child(10):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(11):before, .row:nth-child(4) .tile:nth-child(11):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(12):before, .row:nth-child(4) .tile:nth-child(12):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(13):before, .row:nth-child(4) .tile:nth-child(13):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(14):before, .row:nth-child(4) .tile:nth-child(14):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(15):before, .row:nth-child(4) .tile:nth-child(15):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(16):before, .row:nth-child(4) .tile:nth-child(16):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(17):before, .row:nth-child(4) .tile:nth-child(17):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(18):before, .row:nth-child(4) .tile:nth-child(18):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(19):before, .row:nth-child(4) .tile:nth-child(19):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(20):before, .row:nth-child(4) .tile:nth-child(20):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(21):before, .row:nth-child(4) .tile:nth-child(21):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(22):before, .row:nth-child(4) .tile:nth-child(22):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(23):before, .row:nth-child(4) .tile:nth-child(23):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(24):before, .row:nth-child(4) .tile:nth-child(24):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(25):before, .row:nth-child(4) .tile:nth-child(25):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(26):before, .row:nth-child(4) .tile:nth-child(26):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(27):before, .row:nth-child(4) .tile:nth-child(27):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(28):before, .row:nth-child(4) .tile:nth-child(28):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(29):before, .row:nth-child(4) .tile:nth-child(29):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(30):before, .row:nth-child(4) .tile:nth-child(30):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(31):before, .row:nth-child(4) .tile:nth-child(31):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(32):before, .row:nth-child(4) .tile:nth-child(32):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(33):before, .row:nth-child(4) .tile:nth-child(33):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(34):before, .row:nth-child(4) .tile:nth-child(34):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(35):before, .row:nth-child(4) .tile:nth-child(35):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(36):before, .row:nth-child(4) .tile:nth-child(36):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(4) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(55deg) translateZ(200px) scaleX(0.64279) scaleY(1.12498); perspective: 1px;}.row:nth-child(4) .tile:nth-child(37):before, .row:nth-child(4) .tile:nth-child(37):after { transform: rotateX(0.00818rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(1):before, .row:nth-child(5) .tile:nth-child(1):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(2):before, .row:nth-child(5) .tile:nth-child(2):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(3):before, .row:nth-child(5) .tile:nth-child(3):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(4):before, .row:nth-child(5) .tile:nth-child(4):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(5):before, .row:nth-child(5) .tile:nth-child(5):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(6):before, .row:nth-child(5) .tile:nth-child(6):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(7):before, .row:nth-child(5) .tile:nth-child(7):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(8):before, .row:nth-child(5) .tile:nth-child(8):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(9):before, .row:nth-child(5) .tile:nth-child(9):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(10):before, .row:nth-child(5) .tile:nth-child(10):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(11):before, .row:nth-child(5) .tile:nth-child(11):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(12):before, .row:nth-child(5) .tile:nth-child(12):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(13):before, .row:nth-child(5) .tile:nth-child(13):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(14):before, .row:nth-child(5) .tile:nth-child(14):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(15):before, .row:nth-child(5) .tile:nth-child(15):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(16):before, .row:nth-child(5) .tile:nth-child(16):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(17):before, .row:nth-child(5) .tile:nth-child(17):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(18):before, .row:nth-child(5) .tile:nth-child(18):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(19):before, .row:nth-child(5) .tile:nth-child(19):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(20):before, .row:nth-child(5) .tile:nth-child(20):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(21):before, .row:nth-child(5) .tile:nth-child(21):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(22):before, .row:nth-child(5) .tile:nth-child(22):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(23):before, .row:nth-child(5) .tile:nth-child(23):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(24):before, .row:nth-child(5) .tile:nth-child(24):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(25):before, .row:nth-child(5) .tile:nth-child(25):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(26):before, .row:nth-child(5) .tile:nth-child(26):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(27):before, .row:nth-child(5) .tile:nth-child(27):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(28):before, .row:nth-child(5) .tile:nth-child(28):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(29):before, .row:nth-child(5) .tile:nth-child(29):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(30):before, .row:nth-child(5) .tile:nth-child(30):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(31):before, .row:nth-child(5) .tile:nth-child(31):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(32):before, .row:nth-child(5) .tile:nth-child(32):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(33):before, .row:nth-child(5) .tile:nth-child(33):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(34):before, .row:nth-child(5) .tile:nth-child(34):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(35):before, .row:nth-child(5) .tile:nth-child(35):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(36):before, .row:nth-child(5) .tile:nth-child(36):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(5) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(45deg) translateZ(200px) scaleX(0.76604) scaleY(1.0875); perspective: 1px;}.row:nth-child(5) .tile:nth-child(37):before, .row:nth-child(5) .tile:nth-child(37):after { transform: rotateX(0.00549rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(1):before, .row:nth-child(6) .tile:nth-child(1):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(2):before, .row:nth-child(6) .tile:nth-child(2):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(3):before, .row:nth-child(6) .tile:nth-child(3):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(4):before, .row:nth-child(6) .tile:nth-child(4):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(5):before, .row:nth-child(6) .tile:nth-child(5):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(6):before, .row:nth-child(6) .tile:nth-child(6):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(7):before, .row:nth-child(6) .tile:nth-child(7):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(8):before, .row:nth-child(6) .tile:nth-child(8):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(9):before, .row:nth-child(6) .tile:nth-child(9):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(10):before, .row:nth-child(6) .tile:nth-child(10):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(11):before, .row:nth-child(6) .tile:nth-child(11):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(12):before, .row:nth-child(6) .tile:nth-child(12):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(13):before, .row:nth-child(6) .tile:nth-child(13):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(14):before, .row:nth-child(6) .tile:nth-child(14):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(15):before, .row:nth-child(6) .tile:nth-child(15):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(16):before, .row:nth-child(6) .tile:nth-child(16):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(17):before, .row:nth-child(6) .tile:nth-child(17):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(18):before, .row:nth-child(6) .tile:nth-child(18):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(19):before, .row:nth-child(6) .tile:nth-child(19):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(20):before, .row:nth-child(6) .tile:nth-child(20):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(21):before, .row:nth-child(6) .tile:nth-child(21):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(22):before, .row:nth-child(6) .tile:nth-child(22):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(23):before, .row:nth-child(6) .tile:nth-child(23):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(24):before, .row:nth-child(6) .tile:nth-child(24):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(25):before, .row:nth-child(6) .tile:nth-child(25):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(26):before, .row:nth-child(6) .tile:nth-child(26):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(27):before, .row:nth-child(6) .tile:nth-child(27):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(28):before, .row:nth-child(6) .tile:nth-child(28):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(29):before, .row:nth-child(6) .tile:nth-child(29):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(30):before, .row:nth-child(6) .tile:nth-child(30):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(31):before, .row:nth-child(6) .tile:nth-child(31):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(32):before, .row:nth-child(6) .tile:nth-child(32):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(33):before, .row:nth-child(6) .tile:nth-child(33):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(34):before, .row:nth-child(6) .tile:nth-child(34):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(35):before, .row:nth-child(6) .tile:nth-child(35):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(36):before, .row:nth-child(6) .tile:nth-child(36):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(6) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(35deg) translateZ(200px) scaleX(0.86603) scaleY(1.06127); perspective: 1px;}.row:nth-child(6) .tile:nth-child(37):before, .row:nth-child(6) .tile:nth-child(37):after { transform: rotateX(0.00374rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(1):before, .row:nth-child(7) .tile:nth-child(1):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(2):before, .row:nth-child(7) .tile:nth-child(2):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(3):before, .row:nth-child(7) .tile:nth-child(3):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(4):before, .row:nth-child(7) .tile:nth-child(4):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(5):before, .row:nth-child(7) .tile:nth-child(5):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(6):before, .row:nth-child(7) .tile:nth-child(6):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(7):before, .row:nth-child(7) .tile:nth-child(7):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(8):before, .row:nth-child(7) .tile:nth-child(8):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(9):before, .row:nth-child(7) .tile:nth-child(9):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(10):before, .row:nth-child(7) .tile:nth-child(10):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(11):before, .row:nth-child(7) .tile:nth-child(11):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(12):before, .row:nth-child(7) .tile:nth-child(12):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(13):before, .row:nth-child(7) .tile:nth-child(13):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(14):before, .row:nth-child(7) .tile:nth-child(14):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(15):before, .row:nth-child(7) .tile:nth-child(15):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(16):before, .row:nth-child(7) .tile:nth-child(16):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(17):before, .row:nth-child(7) .tile:nth-child(17):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(18):before, .row:nth-child(7) .tile:nth-child(18):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(19):before, .row:nth-child(7) .tile:nth-child(19):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(20):before, .row:nth-child(7) .tile:nth-child(20):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(21):before, .row:nth-child(7) .tile:nth-child(21):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(22):before, .row:nth-child(7) .tile:nth-child(22):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(23):before, .row:nth-child(7) .tile:nth-child(23):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(24):before, .row:nth-child(7) .tile:nth-child(24):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(25):before, .row:nth-child(7) .tile:nth-child(25):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(26):before, .row:nth-child(7) .tile:nth-child(26):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(27):before, .row:nth-child(7) .tile:nth-child(27):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(28):before, .row:nth-child(7) .tile:nth-child(28):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(29):before, .row:nth-child(7) .tile:nth-child(29):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(30):before, .row:nth-child(7) .tile:nth-child(30):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(31):before, .row:nth-child(7) .tile:nth-child(31):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(32):before, .row:nth-child(7) .tile:nth-child(32):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(33):before, .row:nth-child(7) .tile:nth-child(33):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(34):before, .row:nth-child(7) .tile:nth-child(34):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(35):before, .row:nth-child(7) .tile:nth-child(35):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(36):before, .row:nth-child(7) .tile:nth-child(36):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(7) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(7) .tile:nth-child(37):before, .row:nth-child(7) .tile:nth-child(37):after { transform: rotateX(0.00244rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(1):before, .row:nth-child(8) .tile:nth-child(1):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(2):before, .row:nth-child(8) .tile:nth-child(2):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(3):before, .row:nth-child(8) .tile:nth-child(3):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(4):before, .row:nth-child(8) .tile:nth-child(4):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(5):before, .row:nth-child(8) .tile:nth-child(5):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(6):before, .row:nth-child(8) .tile:nth-child(6):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(7):before, .row:nth-child(8) .tile:nth-child(7):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(8):before, .row:nth-child(8) .tile:nth-child(8):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(9):before, .row:nth-child(8) .tile:nth-child(9):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(10):before, .row:nth-child(8) .tile:nth-child(10):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(11):before, .row:nth-child(8) .tile:nth-child(11):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(12):before, .row:nth-child(8) .tile:nth-child(12):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(13):before, .row:nth-child(8) .tile:nth-child(13):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(14):before, .row:nth-child(8) .tile:nth-child(14):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(15):before, .row:nth-child(8) .tile:nth-child(15):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(16):before, .row:nth-child(8) .tile:nth-child(16):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(17):before, .row:nth-child(8) .tile:nth-child(17):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(18):before, .row:nth-child(8) .tile:nth-child(18):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(19):before, .row:nth-child(8) .tile:nth-child(19):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(20):before, .row:nth-child(8) .tile:nth-child(20):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(21):before, .row:nth-child(8) .tile:nth-child(21):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(22):before, .row:nth-child(8) .tile:nth-child(22):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(23):before, .row:nth-child(8) .tile:nth-child(23):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(24):before, .row:nth-child(8) .tile:nth-child(24):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(25):before, .row:nth-child(8) .tile:nth-child(25):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(26):before, .row:nth-child(8) .tile:nth-child(26):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(27):before, .row:nth-child(8) .tile:nth-child(27):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(28):before, .row:nth-child(8) .tile:nth-child(28):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(29):before, .row:nth-child(8) .tile:nth-child(29):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(30):before, .row:nth-child(8) .tile:nth-child(30):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(31):before, .row:nth-child(8) .tile:nth-child(31):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(32):before, .row:nth-child(8) .tile:nth-child(32):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(33):before, .row:nth-child(8) .tile:nth-child(33):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(34):before, .row:nth-child(8) .tile:nth-child(34):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(35):before, .row:nth-child(8) .tile:nth-child(35):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(36):before, .row:nth-child(8) .tile:nth-child(36):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(8) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(8) .tile:nth-child(37):before, .row:nth-child(8) .tile:nth-child(37):after { transform: rotateX(0.00138rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(1):before, .row:nth-child(9) .tile:nth-child(1):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(2):before, .row:nth-child(9) .tile:nth-child(2):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(3):before, .row:nth-child(9) .tile:nth-child(3):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(4):before, .row:nth-child(9) .tile:nth-child(4):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(5):before, .row:nth-child(9) .tile:nth-child(5):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(6):before, .row:nth-child(9) .tile:nth-child(6):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(7):before, .row:nth-child(9) .tile:nth-child(7):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(8):before, .row:nth-child(9) .tile:nth-child(8):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(9):before, .row:nth-child(9) .tile:nth-child(9):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(10):before, .row:nth-child(9) .tile:nth-child(10):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(11):before, .row:nth-child(9) .tile:nth-child(11):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(12):before, .row:nth-child(9) .tile:nth-child(12):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(13):before, .row:nth-child(9) .tile:nth-child(13):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(14):before, .row:nth-child(9) .tile:nth-child(14):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(15):before, .row:nth-child(9) .tile:nth-child(15):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(16):before, .row:nth-child(9) .tile:nth-child(16):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(17):before, .row:nth-child(9) .tile:nth-child(17):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(18):before, .row:nth-child(9) .tile:nth-child(18):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(19):before, .row:nth-child(9) .tile:nth-child(19):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(20):before, .row:nth-child(9) .tile:nth-child(20):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(21):before, .row:nth-child(9) .tile:nth-child(21):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(22):before, .row:nth-child(9) .tile:nth-child(22):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(23):before, .row:nth-child(9) .tile:nth-child(23):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(24):before, .row:nth-child(9) .tile:nth-child(24):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(25):before, .row:nth-child(9) .tile:nth-child(25):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(26):before, .row:nth-child(9) .tile:nth-child(26):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(27):before, .row:nth-child(9) .tile:nth-child(27):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(28):before, .row:nth-child(9) .tile:nth-child(28):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(29):before, .row:nth-child(9) .tile:nth-child(29):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(30):before, .row:nth-child(9) .tile:nth-child(30):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(31):before, .row:nth-child(9) .tile:nth-child(31):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(32):before, .row:nth-child(9) .tile:nth-child(32):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(33):before, .row:nth-child(9) .tile:nth-child(33):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(34):before, .row:nth-child(9) .tile:nth-child(34):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(35):before, .row:nth-child(9) .tile:nth-child(35):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(36):before, .row:nth-child(9) .tile:nth-child(36):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(9) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(9) .tile:nth-child(37):before, .row:nth-child(9) .tile:nth-child(37):after { transform: rotateX(0.00044rad); transform-origin: bottom;}.row:nth-child(10) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(1):before, .row:nth-child(10) .tile:nth-child(1):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(2):before, .row:nth-child(10) .tile:nth-child(2):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(3):before, .row:nth-child(10) .tile:nth-child(3):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(4):before, .row:nth-child(10) .tile:nth-child(4):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(5):before, .row:nth-child(10) .tile:nth-child(5):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(6):before, .row:nth-child(10) .tile:nth-child(6):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(7):before, .row:nth-child(10) .tile:nth-child(7):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(8):before, .row:nth-child(10) .tile:nth-child(8):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(9):before, .row:nth-child(10) .tile:nth-child(9):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(10):before, .row:nth-child(10) .tile:nth-child(10):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(11):before, .row:nth-child(10) .tile:nth-child(11):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(12):before, .row:nth-child(10) .tile:nth-child(12):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(13):before, .row:nth-child(10) .tile:nth-child(13):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(14):before, .row:nth-child(10) .tile:nth-child(14):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(15):before, .row:nth-child(10) .tile:nth-child(15):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(16):before, .row:nth-child(10) .tile:nth-child(16):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(17):before, .row:nth-child(10) .tile:nth-child(17):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(18):before, .row:nth-child(10) .tile:nth-child(18):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(19):before, .row:nth-child(10) .tile:nth-child(19):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(20):before, .row:nth-child(10) .tile:nth-child(20):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(21):before, .row:nth-child(10) .tile:nth-child(21):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(22):before, .row:nth-child(10) .tile:nth-child(22):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(23):before, .row:nth-child(10) .tile:nth-child(23):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(24):before, .row:nth-child(10) .tile:nth-child(24):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(25):before, .row:nth-child(10) .tile:nth-child(25):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(26):before, .row:nth-child(10) .tile:nth-child(26):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(27):before, .row:nth-child(10) .tile:nth-child(27):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(28):before, .row:nth-child(10) .tile:nth-child(28):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(29):before, .row:nth-child(10) .tile:nth-child(29):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(30):before, .row:nth-child(10) .tile:nth-child(30):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(31):before, .row:nth-child(10) .tile:nth-child(31):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(32):before, .row:nth-child(10) .tile:nth-child(32):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(33):before, .row:nth-child(10) .tile:nth-child(33):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(34):before, .row:nth-child(10) .tile:nth-child(34):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(35):before, .row:nth-child(10) .tile:nth-child(35):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(36):before, .row:nth-child(10) .tile:nth-child(36):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(10) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(-5deg) translateZ(200px) scaleX(1) scaleY(1.00765); perspective: 1px;}.row:nth-child(10) .tile:nth-child(37):before, .row:nth-child(10) .tile:nth-child(37):after { transform: rotateX(-0.00044rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(1):before, .row:nth-child(11) .tile:nth-child(1):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(2):before, .row:nth-child(11) .tile:nth-child(2):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(3):before, .row:nth-child(11) .tile:nth-child(3):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(4):before, .row:nth-child(11) .tile:nth-child(4):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(5):before, .row:nth-child(11) .tile:nth-child(5):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(6):before, .row:nth-child(11) .tile:nth-child(6):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(7):before, .row:nth-child(11) .tile:nth-child(7):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(8):before, .row:nth-child(11) .tile:nth-child(8):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(9):before, .row:nth-child(11) .tile:nth-child(9):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(10):before, .row:nth-child(11) .tile:nth-child(10):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(11):before, .row:nth-child(11) .tile:nth-child(11):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(12):before, .row:nth-child(11) .tile:nth-child(12):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(13):before, .row:nth-child(11) .tile:nth-child(13):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(14):before, .row:nth-child(11) .tile:nth-child(14):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(15):before, .row:nth-child(11) .tile:nth-child(15):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(16):before, .row:nth-child(11) .tile:nth-child(16):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(17):before, .row:nth-child(11) .tile:nth-child(17):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(18):before, .row:nth-child(11) .tile:nth-child(18):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(19):before, .row:nth-child(11) .tile:nth-child(19):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(20):before, .row:nth-child(11) .tile:nth-child(20):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(21):before, .row:nth-child(11) .tile:nth-child(21):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(22):before, .row:nth-child(11) .tile:nth-child(22):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(23):before, .row:nth-child(11) .tile:nth-child(23):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(24):before, .row:nth-child(11) .tile:nth-child(24):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(25):before, .row:nth-child(11) .tile:nth-child(25):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(26):before, .row:nth-child(11) .tile:nth-child(26):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(27):before, .row:nth-child(11) .tile:nth-child(27):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(28):before, .row:nth-child(11) .tile:nth-child(28):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(29):before, .row:nth-child(11) .tile:nth-child(29):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(30) { transform: rotateY(290deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(30):before, .row:nth-child(11) .tile:nth-child(30):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(31) { transform: rotateY(300deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(31):before, .row:nth-child(11) .tile:nth-child(31):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(32) { transform: rotateY(310deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(32):before, .row:nth-child(11) .tile:nth-child(32):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(33) { transform: rotateY(320deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(33):before, .row:nth-child(11) .tile:nth-child(33):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(34) { transform: rotateY(330deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(34):before, .row:nth-child(11) .tile:nth-child(34):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(35) { transform: rotateY(340deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(35):before, .row:nth-child(11) .tile:nth-child(35):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(36) { transform: rotateY(350deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(36):before, .row:nth-child(11) .tile:nth-child(36):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(11) .tile:nth-child(37) { transform: rotateY(360deg) rotateX(-15deg) translateZ(200px) scaleX(0.98481) scaleY(1.02344); perspective: 1px;}.row:nth-child(11) .tile:nth-child(37):before, .row:nth-child(11) .tile:nth-child(37):after { transform: rotateX(-0.00138rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(1) { transform: rotateY(0deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(1):before, .row:nth-child(12) .tile:nth-child(1):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(2) { transform: rotateY(10deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(2):before, .row:nth-child(12) .tile:nth-child(2):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(3) { transform: rotateY(20deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(3):before, .row:nth-child(12) .tile:nth-child(3):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(4) { transform: rotateY(30deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(4):before, .row:nth-child(12) .tile:nth-child(4):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(5) { transform: rotateY(40deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(5):before, .row:nth-child(12) .tile:nth-child(5):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(6) { transform: rotateY(50deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(6):before, .row:nth-child(12) .tile:nth-child(6):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(7) { transform: rotateY(60deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(7):before, .row:nth-child(12) .tile:nth-child(7):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(8) { transform: rotateY(70deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(8):before, .row:nth-child(12) .tile:nth-child(8):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(9) { transform: rotateY(80deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(9):before, .row:nth-child(12) .tile:nth-child(9):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(10) { transform: rotateY(90deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(10):before, .row:nth-child(12) .tile:nth-child(10):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(11) { transform: rotateY(100deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(11):before, .row:nth-child(12) .tile:nth-child(11):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(12) { transform: rotateY(110deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(12):before, .row:nth-child(12) .tile:nth-child(12):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(13) { transform: rotateY(120deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(13):before, .row:nth-child(12) .tile:nth-child(13):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(14) { transform: rotateY(130deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(14):before, .row:nth-child(12) .tile:nth-child(14):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(15) { transform: rotateY(140deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(15):before, .row:nth-child(12) .tile:nth-child(15):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(16) { transform: rotateY(150deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(16):before, .row:nth-child(12) .tile:nth-child(16):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(17) { transform: rotateY(160deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(17):before, .row:nth-child(12) .tile:nth-child(17):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(18) { transform: rotateY(170deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(18):before, .row:nth-child(12) .tile:nth-child(18):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(19) { transform: rotateY(180deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(19):before, .row:nth-child(12) .tile:nth-child(19):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(20) { transform: rotateY(190deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(20):before, .row:nth-child(12) .tile:nth-child(20):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(21) { transform: rotateY(200deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(21):before, .row:nth-child(12) .tile:nth-child(21):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(22) { transform: rotateY(210deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(22):before, .row:nth-child(12) .tile:nth-child(22):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(23) { transform: rotateY(220deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(23):before, .row:nth-child(12) .tile:nth-child(23):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(24) { transform: rotateY(230deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(24):before, .row:nth-child(12) .tile:nth-child(24):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(25) { transform: rotateY(240deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(25):before, .row:nth-child(12) .tile:nth-child(25):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(26) { transform: rotateY(250deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(26):before, .row:nth-child(12) .tile:nth-child(26):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(27) { transform: rotateY(260deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(27):before, .row:nth-child(12) .tile:nth-child(27):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(28) { transform: rotateY(270deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(28):before, .row:nth-child(12) .tile:nth-child(28):after { transform: rotateX(-0.00244rad); transform-origin: top;}.row:nth-child(12) .tile:nth-child(29) { transform: rotateY(280deg) rotateX(-25deg) translateZ(200px) scaleX(0.93969) scaleY(1.0408); perspective: 1px;}.row:nth-child(12) .tile:nth-child(29):before, .row:nth-child(12) .tile:nth-child(29):after {.........完整代码请登录后点击上方下载按钮下载查看
网友评论0