div+css实现三维地球旋转动画效果代码

代码语言:html

所属分类:动画

代码描述:div+css实现三维地球旋转动画效果代码

代码标签: 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