API tools faq
paste
Guest User

http://stackoverflow.com/questions/29855508/less-css-mixin-a

a guest
Apr 24th, 2015
412
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 60.90 KB | None | 0 0
raw download clone embed print report
  1.  .coordinates(-2, 2);
  2.          .coordinates(@min, @max) {
  3.         .xcoor; .xcoor(@xcoor: @min) when (@xcoor <= @max) {
  4.             .ycoor; .xcoor(@xcoor + 1);
  5.         }
  6.         .ycoor(@ycoor: @min) when (@ycoor <= @max) {
  7.             @ytrans:translatey(@cubesize * @ycoor);
  8.             @xtrans:translatex(@cubesize * @xcoor);
  9.     #p@{xcoor}x@{ycoor} div:nth-child(1) {
  10.       transform: @zaxis @ytrans @xtrans;
  11.         background-image: linear-gradient(@gradient);
  12.     }
  13.     #p@{xcoor}x@{ycoor} div:nth-child(2) {
  14.       transform: @top @zaxis @ytrans @xtrans;  
  15.         background-image: linear-gradient(@gradient);
  16.     }
  17.     #p@{xcoor}x@{ycoor} div:nth-child(3) {
  18.       transform: @back @zaxis @ytrans @xtrans;
  19.         background-image: linear-gradient(@gradient);
  20.     }
  21.     #p@{xcoor}x@{ycoor} div:nth-child(4) {
  22.       transform: @bottom @zaxis @ytrans @xtrans;
  23.         background-image: linear-gradient(@gradient);
  24.     }
  25.     #p@{xcoor}x@{ycoor} div:nth-child(5) {
  26.         transform: @left @zaxis @ytrans @xtrans;
  27.         background-image: linear-gradient(@gradient);
  28.     }
  29.     #p@{xcoor}x@{ycoor} div:nth-child(6)  {
  30.         transform: @right @zaxis @ytrans @xtrans;
  31.         background-image: linear-gradient(@gradient);
  32.     }
  33.             .ycoor(@ycoor + 1);
  34.         }
  35.     }
  36.  
  37. -------------
  38.  
  39. #Output
  40.  
  41.     #p-2x-2 div:nth-child(1) {
  42.       -webkit-transform: translateZ(7.5px) translatey(-30px) translatex(-30px);
  43.               transform: translateZ(7.5px) translatey(-30px) translatex(-30px);
  44.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  45.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  46.     }
  47.     #p-2x-2 div:nth-child(2) {
  48.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  49.               transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  50.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  51.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  52.     }
  53.     #p-2x-2 div:nth-child(3) {
  54.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  55.               transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  56.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  57.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  58.     }
  59.     #p-2x-2 div:nth-child(4) {
  60.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  61.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  62.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  63.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  64.     }
  65.     #p-2x-2 div:nth-child(5) {
  66.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  67.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  68.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  69.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  70.     }
  71.     #p-2x-2 div:nth-child(6) {
  72.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  73.               transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(-30px);
  74.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  75.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  76.     }
  77.     #p-2x-1 div:nth-child(1) {
  78.       -webkit-transform: translateZ(7.5px) translatey(-15px) translatex(-30px);
  79.               transform: translateZ(7.5px) translatey(-15px) translatex(-30px);
  80.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  81.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  82.     }
  83.     #p-2x-1 div:nth-child(2) {
  84.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  85.               transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  86.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  87.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  88.     }
  89.     #p-2x-1 div:nth-child(3) {
  90.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  91.               transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  92.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  93.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  94.     }
  95.     #p-2x-1 div:nth-child(4) {
  96.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  97.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  98.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  99.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  100.     }
  101.     #p-2x-1 div:nth-child(5) {
  102.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  103.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  104.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  105.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  106.     }
  107.     #p-2x-1 div:nth-child(6) {
  108.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  109.               transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(-30px);
  110.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  111.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  112.     }
  113.     #p-2x0 div:nth-child(1) {
  114.       -webkit-transform: translateZ(7.5px) translatey(0px) translatex(-30px);
  115.               transform: translateZ(7.5px) translatey(0px) translatex(-30px);
  116.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  117.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  118.     }
  119.     #p-2x0 div:nth-child(2) {
  120.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  121.               transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  122.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  123.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  124.     }
  125.     #p-2x0 div:nth-child(3) {
  126.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  127.               transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  128.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  129.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  130.     }
  131.     #p-2x0 div:nth-child(4) {
  132.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  133.               transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  134.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  135.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  136.     }
  137.     #p-2x0 div:nth-child(5) {
  138.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  139.               transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  140.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  141.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  142.     }
  143.     #p-2x0 div:nth-child(6) {
  144.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  145.               transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(-30px);
  146.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  147.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  148.     }
  149.     #p-2x1 div:nth-child(1) {
  150.       -webkit-transform: translateZ(7.5px) translatey(15px) translatex(-30px);
  151.               transform: translateZ(7.5px) translatey(15px) translatex(-30px);
  152.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  153.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  154.     }
  155.     #p-2x1 div:nth-child(2) {
  156.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  157.               transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  158.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  159.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  160.     }
  161.     #p-2x1 div:nth-child(3) {
  162.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  163.               transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  164.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  165.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  166.     }
  167.     #p-2x1 div:nth-child(4) {
  168.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  169.               transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  170.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  171.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  172.     }
  173.     #p-2x1 div:nth-child(5) {
  174.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  175.               transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  176.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  177.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  178.     }
  179.     #p-2x1 div:nth-child(6) {
  180.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  181.               transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(-30px);
  182.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  183.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  184.     }
  185.     #p-2x2 div:nth-child(1) {
  186.       -webkit-transform: translateZ(7.5px) translatey(30px) translatex(-30px);
  187.               transform: translateZ(7.5px) translatey(30px) translatex(-30px);
  188.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  189.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  190.     }
  191.     #p-2x2 div:nth-child(2) {
  192.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  193.               transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  194.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  195.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  196.     }
  197.     #p-2x2 div:nth-child(3) {
  198.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  199.               transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  200.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  201.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  202.     }
  203.     #p-2x2 div:nth-child(4) {
  204.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  205.               transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  206.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  207.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  208.     }
  209.     #p-2x2 div:nth-child(5) {
  210.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  211.               transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  212.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  213.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  214.     }
  215.     #p-2x2 div:nth-child(6) {
  216.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  217.               transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(-30px);
  218.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  219.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  220.     }
  221.     #p-1x-2 div:nth-child(1) {
  222.       -webkit-transform: translateZ(7.5px) translatey(-30px) translatex(-15px);
  223.               transform: translateZ(7.5px) translatey(-30px) translatex(-15px);
  224.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  225.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  226.     }
  227.     #p-1x-2 div:nth-child(2) {
  228.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  229.               transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  230.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  231.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  232.     }
  233.     #p-1x-2 div:nth-child(3) {
  234.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  235.               transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  236.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  237.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  238.     }
  239.     #p-1x-2 div:nth-child(4) {
  240.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  241.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  242.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  243.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  244.     }
  245.     #p-1x-2 div:nth-child(5) {
  246.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  247.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  248.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  249.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  250.     }
  251.     #p-1x-2 div:nth-child(6) {
  252.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  253.               transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(-15px);
  254.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  255.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  256.     }
  257.     #p-1x-1 div:nth-child(1) {
  258.       -webkit-transform: translateZ(7.5px) translatey(-15px) translatex(-15px);
  259.               transform: translateZ(7.5px) translatey(-15px) translatex(-15px);
  260.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  261.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  262.     }
  263.     #p-1x-1 div:nth-child(2) {
  264.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  265.               transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  266.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  267.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  268.     }
  269.     #p-1x-1 div:nth-child(3) {
  270.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  271.               transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  272.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  273.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  274.     }
  275.     #p-1x-1 div:nth-child(4) {
  276.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  277.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  278.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  279.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  280.     }
  281.     #p-1x-1 div:nth-child(5) {
  282.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  283.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  284.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  285.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  286.     }
  287.     #p-1x-1 div:nth-child(6) {
  288.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  289.               transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(-15px);
  290.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  291.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  292.     }
  293.     #p-1x0 div:nth-child(1) {
  294.       -webkit-transform: translateZ(7.5px) translatey(0px) translatex(-15px);
  295.               transform: translateZ(7.5px) translatey(0px) translatex(-15px);
  296.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  297.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  298.     }
  299.     #p-1x0 div:nth-child(2) {
  300.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  301.               transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  302.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  303.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  304.     }
  305.     #p-1x0 div:nth-child(3) {
  306.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  307.               transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  308.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  309.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  310.     }
  311.     #p-1x0 div:nth-child(4) {
  312.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  313.               transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  314.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  315.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  316.     }
  317.     #p-1x0 div:nth-child(5) {
  318.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  319.               transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  320.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  321.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  322.     }
  323.     #p-1x0 div:nth-child(6) {
  324.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  325.               transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(-15px);
  326.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  327.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  328.     }
  329.     #p-1x1 div:nth-child(1) {
  330.       -webkit-transform: translateZ(7.5px) translatey(15px) translatex(-15px);
  331.               transform: translateZ(7.5px) translatey(15px) translatex(-15px);
  332.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  333.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  334.     }
  335.     #p-1x1 div:nth-child(2) {
  336.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  337.               transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  338.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  339.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  340.     }
  341.     #p-1x1 div:nth-child(3) {
  342.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  343.               transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  344.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  345.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  346.     }
  347.     #p-1x1 div:nth-child(4) {
  348.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  349.               transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  350.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  351.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  352.     }
  353.     #p-1x1 div:nth-child(5) {
  354.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  355.               transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  356.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  357.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  358.     }
  359.     #p-1x1 div:nth-child(6) {
  360.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  361.               transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(-15px);
  362.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  363.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  364.     }
  365.     #p-1x2 div:nth-child(1) {
  366.       -webkit-transform: translateZ(7.5px) translatey(30px) translatex(-15px);
  367.               transform: translateZ(7.5px) translatey(30px) translatex(-15px);
  368.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  369.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  370.     }
  371.     #p-1x2 div:nth-child(2) {
  372.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  373.               transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  374.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  375.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  376.     }
  377.     #p-1x2 div:nth-child(3) {
  378.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  379.               transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  380.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  381.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  382.     }
  383.     #p-1x2 div:nth-child(4) {
  384.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  385.               transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  386.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  387.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  388.     }
  389.     #p-1x2 div:nth-child(5) {
  390.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  391.               transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  392.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  393.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  394.     }
  395.     #p-1x2 div:nth-child(6) {
  396.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  397.               transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(-15px);
  398.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  399.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  400.     }
  401.     #p0x-2 div:nth-child(1) {
  402.       -webkit-transform: translateZ(7.5px) translatey(-30px) translatex(0px);
  403.               transform: translateZ(7.5px) translatey(-30px) translatex(0px);
  404.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  405.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  406.     }
  407.     #p0x-2 div:nth-child(2) {
  408.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  409.               transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  410.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  411.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  412.     }
  413.     #p0x-2 div:nth-child(3) {
  414.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  415.               transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  416.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  417.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  418.     }
  419.     #p0x-2 div:nth-child(4) {
  420.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  421.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  422.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  423.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  424.     }
  425.     #p0x-2 div:nth-child(5) {
  426.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  427.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  428.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  429.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  430.     }
  431.     #p0x-2 div:nth-child(6) {
  432.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  433.               transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(0px);
  434.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  435.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  436.     }
  437.     #p0x-1 div:nth-child(1) {
  438.       -webkit-transform: translateZ(7.5px) translatey(-15px) translatex(0px);
  439.               transform: translateZ(7.5px) translatey(-15px) translatex(0px);
  440.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  441.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  442.     }
  443.     #p0x-1 div:nth-child(2) {
  444.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  445.               transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  446.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  447.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  448.     }
  449.     #p0x-1 div:nth-child(3) {
  450.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  451.               transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  452.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  453.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  454.     }
  455.     #p0x-1 div:nth-child(4) {
  456.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  457.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  458.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  459.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  460.     }
  461.     #p0x-1 div:nth-child(5) {
  462.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  463.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  464.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  465.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  466.     }
  467.     #p0x-1 div:nth-child(6) {
  468.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  469.               transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(0px);
  470.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  471.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  472.     }
  473.     #p0x0 div:nth-child(1) {
  474.       -webkit-transform: translateZ(7.5px) translatey(0px) translatex(0px);
  475.               transform: translateZ(7.5px) translatey(0px) translatex(0px);
  476.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  477.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  478.     }
  479.     #p0x0 div:nth-child(2) {
  480.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  481.               transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  482.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  483.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  484.     }
  485.     #p0x0 div:nth-child(3) {
  486.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(0px);
  487.               transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(0px);
  488.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  489.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  490.     }
  491.     #p0x0 div:nth-child(4) {
  492.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  493.               transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  494.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  495.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  496.     }
  497.     #p0x0 div:nth-child(5) {
  498.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  499.               transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  500.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  501.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  502.     }
  503.     #p0x0 div:nth-child(6) {
  504.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  505.               transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(0px);
  506.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  507.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  508.     }
  509.     #p0x1 div:nth-child(1) {
  510.       -webkit-transform: translateZ(7.5px) translatey(15px) translatex(0px);
  511.               transform: translateZ(7.5px) translatey(15px) translatex(0px);
  512.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  513.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  514.     }
  515.     #p0x1 div:nth-child(2) {
  516.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  517.               transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  518.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  519.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  520.     }
  521.     #p0x1 div:nth-child(3) {
  522.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(0px);
  523.               transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(0px);
  524.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  525.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  526.     }
  527.     #p0x1 div:nth-child(4) {
  528.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  529.               transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  530.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  531.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  532.     }
  533.     #p0x1 div:nth-child(5) {
  534.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  535.               transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  536.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  537.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  538.     }
  539.     #p0x1 div:nth-child(6) {
  540.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  541.               transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(0px);
  542.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  543.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  544.     }
  545.     #p0x2 div:nth-child(1) {
  546.       -webkit-transform: translateZ(7.5px) translatey(30px) translatex(0px);
  547.               transform: translateZ(7.5px) translatey(30px) translatex(0px);
  548.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  549.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  550.     }
  551.     #p0x2 div:nth-child(2) {
  552.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  553.               transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  554.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  555.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  556.     }
  557.     #p0x2 div:nth-child(3) {
  558.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(0px);
  559.               transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(0px);
  560.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  561.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  562.     }
  563.     #p0x2 div:nth-child(4) {
  564.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  565.               transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  566.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  567.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  568.     }
  569.     #p0x2 div:nth-child(5) {
  570.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  571.               transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  572.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  573.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  574.     }
  575.     #p0x2 div:nth-child(6) {
  576.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  577.               transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(0px);
  578.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  579.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  580.     }
  581.     #p1x-2 div:nth-child(1) {
  582.       -webkit-transform: translateZ(7.5px) translatey(-30px) translatex(15px);
  583.               transform: translateZ(7.5px) translatey(-30px) translatex(15px);
  584.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  585.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  586.     }
  587.     #p1x-2 div:nth-child(2) {
  588.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  589.               transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  590.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  591.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  592.     }
  593.     #p1x-2 div:nth-child(3) {
  594.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  595.               transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  596.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  597.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  598.     }
  599.     #p1x-2 div:nth-child(4) {
  600.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  601.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  602.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  603.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  604.     }
  605.     #p1x-2 div:nth-child(5) {
  606.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  607.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  608.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  609.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  610.     }
  611.     #p1x-2 div:nth-child(6) {
  612.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  613.               transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(15px);
  614.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  615.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  616.     }
  617.     #p1x-1 div:nth-child(1) {
  618.       -webkit-transform: translateZ(7.5px) translatey(-15px) translatex(15px);
  619.               transform: translateZ(7.5px) translatey(-15px) translatex(15px);
  620.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  621.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  622.     }
  623.     #p1x-1 div:nth-child(2) {
  624.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  625.               transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  626.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  627.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  628.     }
  629.     #p1x-1 div:nth-child(3) {
  630.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  631.               transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  632.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  633.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  634.     }
  635.     #p1x-1 div:nth-child(4) {
  636.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  637.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  638.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  639.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  640.     }
  641.     #p1x-1 div:nth-child(5) {
  642.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  643.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  644.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  645.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  646.     }
  647.     #p1x-1 div:nth-child(6) {
  648.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  649.               transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(15px);
  650.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  651.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  652.     }
  653.     #p1x0 div:nth-child(1) {
  654.       -webkit-transform: translateZ(7.5px) translatey(0px) translatex(15px);
  655.               transform: translateZ(7.5px) translatey(0px) translatex(15px);
  656.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  657.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  658.     }
  659.     #p1x0 div:nth-child(2) {
  660.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  661.               transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  662.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  663.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  664.     }
  665.     #p1x0 div:nth-child(3) {
  666.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(15px);
  667.               transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(15px);
  668.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  669.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  670.     }
  671.     #p1x0 div:nth-child(4) {
  672.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  673.               transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  674.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  675.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  676.     }
  677.     #p1x0 div:nth-child(5) {
  678.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  679.               transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  680.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  681.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  682.     }
  683.     #p1x0 div:nth-child(6) {
  684.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  685.               transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(15px);
  686.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  687.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  688.     }
  689.     #p1x1 div:nth-child(1) {
  690.       -webkit-transform: translateZ(7.5px) translatey(15px) translatex(15px);
  691.               transform: translateZ(7.5px) translatey(15px) translatex(15px);
  692.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  693.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  694.     }
  695.     #p1x1 div:nth-child(2) {
  696.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  697.               transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  698.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  699.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  700.     }
  701.     #p1x1 div:nth-child(3) {
  702.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(15px);
  703.               transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(15px);
  704.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  705.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  706.     }
  707.     #p1x1 div:nth-child(4) {
  708.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  709.               transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  710.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  711.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  712.     }
  713.     #p1x1 div:nth-child(5) {
  714.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  715.               transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  716.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  717.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  718.     }
  719.     #p1x1 div:nth-child(6) {
  720.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  721.               transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(15px);
  722.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  723.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  724.     }
  725.     #p1x2 div:nth-child(1) {
  726.       -webkit-transform: translateZ(7.5px) translatey(30px) translatex(15px);
  727.               transform: translateZ(7.5px) translatey(30px) translatex(15px);
  728.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  729.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  730.     }
  731.     #p1x2 div:nth-child(2) {
  732.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  733.               transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  734.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  735.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  736.     }
  737.     #p1x2 div:nth-child(3) {
  738.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(15px);
  739.               transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(15px);
  740.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  741.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  742.     }
  743.     #p1x2 div:nth-child(4) {
  744.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  745.               transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  746.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  747.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  748.     }
  749.     #p1x2 div:nth-child(5) {
  750.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  751.               transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  752.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  753.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  754.     }
  755.     #p1x2 div:nth-child(6) {
  756.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  757.               transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(15px);
  758.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  759.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  760.     }
  761.     #p2x-2 div:nth-child(1) {
  762.       -webkit-transform: translateZ(7.5px) translatey(-30px) translatex(30px);
  763.               transform: translateZ(7.5px) translatey(-30px) translatex(30px);
  764.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  765.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  766.     }
  767.     #p2x-2 div:nth-child(2) {
  768.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  769.               transform: rotateY(90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  770.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  771.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  772.     }
  773.     #p2x-2 div:nth-child(3) {
  774.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  775.               transform: rotateY(180deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  776.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  777.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  778.     }
  779.     #p2x-2 div:nth-child(4) {
  780.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  781.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  782.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  783.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  784.     }
  785.     #p2x-2 div:nth-child(5) {
  786.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  787.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  788.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  789.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  790.     }
  791.     #p2x-2 div:nth-child(6) {
  792.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  793.               transform: rotateX(90deg) translateZ(7.5px) translatey(-30px) translatex(30px);
  794.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  795.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  796.     }
  797.     #p2x-1 div:nth-child(1) {
  798.       -webkit-transform: translateZ(7.5px) translatey(-15px) translatex(30px);
  799.               transform: translateZ(7.5px) translatey(-15px) translatex(30px);
  800.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  801.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  802.     }
  803.     #p2x-1 div:nth-child(2) {
  804.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  805.               transform: rotateY(90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  806.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  807.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  808.     }
  809.     #p2x-1 div:nth-child(3) {
  810.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  811.               transform: rotateY(180deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  812.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  813.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  814.     }
  815.     #p2x-1 div:nth-child(4) {
  816.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  817.               transform: rotateY(-90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  818.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  819.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  820.     }
  821.     #p2x-1 div:nth-child(5) {
  822.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  823.               transform: rotateX(-90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  824.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  825.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  826.     }
  827.     #p2x-1 div:nth-child(6) {
  828.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  829.               transform: rotateX(90deg) translateZ(7.5px) translatey(-15px) translatex(30px);
  830.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  831.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  832.     }
  833.     #p2x0 div:nth-child(1) {
  834.       -webkit-transform: translateZ(7.5px) translatey(0px) translatex(30px);
  835.               transform: translateZ(7.5px) translatey(0px) translatex(30px);
  836.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  837.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  838.     }
  839.     #p2x0 div:nth-child(2) {
  840.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  841.               transform: rotateY(90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  842.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  843.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  844.     }
  845.     #p2x0 div:nth-child(3) {
  846.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(30px);
  847.               transform: rotateY(180deg) translateZ(7.5px) translatey(0px) translatex(30px);
  848.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  849.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  850.     }
  851.     #p2x0 div:nth-child(4) {
  852.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  853.               transform: rotateY(-90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  854.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  855.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  856.     }
  857.     #p2x0 div:nth-child(5) {
  858.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  859.               transform: rotateX(-90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  860.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  861.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  862.     }
  863.     #p2x0 div:nth-child(6) {
  864.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  865.               transform: rotateX(90deg) translateZ(7.5px) translatey(0px) translatex(30px);
  866.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  867.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  868.     }
  869.     #p2x1 div:nth-child(1) {
  870.       -webkit-transform: translateZ(7.5px) translatey(15px) translatex(30px);
  871.               transform: translateZ(7.5px) translatey(15px) translatex(30px);
  872.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  873.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  874.     }
  875.     #p2x1 div:nth-child(2) {
  876.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  877.               transform: rotateY(90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  878.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  879.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  880.     }
  881.     #p2x1 div:nth-child(3) {
  882.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(30px);
  883.               transform: rotateY(180deg) translateZ(7.5px) translatey(15px) translatex(30px);
  884.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  885.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  886.     }
  887.     #p2x1 div:nth-child(4) {
  888.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  889.               transform: rotateY(-90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  890.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  891.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  892.     }
  893.     #p2x1 div:nth-child(5) {
  894.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  895.               transform: rotateX(-90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  896.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  897.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  898.     }
  899.     #p2x1 div:nth-child(6) {
  900.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  901.               transform: rotateX(90deg) translateZ(7.5px) translatey(15px) translatex(30px);
  902.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  903.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  904.     }
  905.     #p2x2 div:nth-child(1) {
  906.       -webkit-transform: translateZ(7.5px) translatey(30px) translatex(30px);
  907.               transform: translateZ(7.5px) translatey(30px) translatex(30px);
  908.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  909.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  910.     }
  911.     #p2x2 div:nth-child(2) {
  912.       -webkit-transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  913.               transform: rotateY(90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  914.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  915.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  916.     }
  917.     #p2x2 div:nth-child(3) {
  918.       -webkit-transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(30px);
  919.               transform: rotateY(180deg) translateZ(7.5px) translatey(30px) translatex(30px);
  920.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  921.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  922.     }
  923.     #p2x2 div:nth-child(4) {
  924.       -webkit-transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  925.               transform: rotateY(-90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  926.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  927.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  928.     }
  929.     #p2x2 div:nth-child(5) {
  930.       -webkit-transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  931.               transform: rotateX(-90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  932.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  933.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  934.     }
  935.     #p2x2 div:nth-child(6) {
  936.       -webkit-transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  937.               transform: rotateX(90deg) translateZ(7.5px) translatey(30px) translatex(30px);
  938.       background-image: -webkit-linear-gradient(315deg, #185198 0, #34ac94 50%, #c63215 100%);
  939.       background-image: linear-gradient(135deg, #185198 0, #34ac94 50%, #c63215 100%);
  940.     }
  941.     /*# sourceMappingURL=3D.css.map */
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!