Isometric Stuff

Developer

Size

10,874 Kb

Views

30,360

Isometric Stuff Previews
Isometric Stuff HTML Codes
Isometric Stuff CSS Codes
Isometric Stuff JS Codes

How do I make an isometric stuff?

What is a isometric stuff? How do you make a isometric stuff? This script and codes were developed by Kyle Shanks on 04 August 2022, Thursday.

Isometric Stuff Previews

Isometric Stuff - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Isometric Stuff</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <button style="position: fixed; top: 30px; left: 40px" onclick="light()">light</button><button style="position: fixed; top: 30px; left: 100px" onclick="dark()">dark</button><button style="position: fixed; top: 70px; left: 40px" onclick="move()">move</button><button style="position: fixed; top: 70px; left: 100px" onclick="stop_move()">stop</button><div class="background dark-theme"><div class="star star1"></div><div class="star star2"></div><div class="star star3"></div><div class="star star4"></div><div class="star star5"></div><div class="star star6"></div><div class="star star7"></div><div class="star star8"></div><div class="star star9"></div><div class="star star10"></div><div class="star star11"></div><div class="star star12"></div><div class="star star13"></div><div class="star star14"></div><div class="star star15"></div><div class="star star16"></div><div class="star star17"></div><div class="star star18"></div></div><div class="abs-center container"><div class="cube dark cube1"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube2"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube3"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube4"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube5"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube6"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube7"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube8"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube9"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube10"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube11"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube12"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube13"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube14"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube15"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube16"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube17"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube18"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube19"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube20"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube21"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube22"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube23"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube24"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube25"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube26"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube27"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube28"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube29"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube30"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube31"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube32"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube33"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube34"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube35"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube36"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube37"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube38"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube39"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube40"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube41"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube42"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube43"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube44"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube45"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube46"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube47"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube48"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube49"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube50"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube51"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube52"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube53"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube54"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube55"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube56"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube57"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube58"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube59"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube60"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube61"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube62"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube63"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube64"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube65"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube66"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube67"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube68"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube69"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube70"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube71"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube72"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube73"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube74"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube75"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube76"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube77"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube78"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube79"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube80"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube81"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube82"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube83"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube84"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube85"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube86"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube87"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube88"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube89"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube90"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube91"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube92"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube93"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube94"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube95"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube96"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube97"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube98"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube99"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube100"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube101"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube102"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube103"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube104"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube105"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube106"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube107"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube108"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube109"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube110"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube111"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube112"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube113"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube114"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube115"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube116"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube117"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube118"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube119"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube120"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube121"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube122"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube123"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube124"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube125"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube126"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube127"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube128"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube129"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube130"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube131"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube132"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube133"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube134"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube135"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube136"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube137"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube138"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube139"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube140"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube141"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube142"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube143"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube144"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube145"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube146"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube147"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube148"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube149"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube150"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube151"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube152"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube153"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube154"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube155"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube156"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube157"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube158"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube159"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube160"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube161"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube162"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube163"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube164"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube165"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube166"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube167"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube168"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube169"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube170"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube171"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube172"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube173"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube174"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube175"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube176"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube177"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube178"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube179"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube180"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube181"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube182"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube183"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube184"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube185"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube186"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube187"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube188"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube189"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube190"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube191"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube192"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube193"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube194"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube195"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube196"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube197"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube198"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube199"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube200"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube201"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube202"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube203"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube204"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube205"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube206"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube207"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube208"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube209"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube210"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube211"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube212"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube213"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube214"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube215"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube216"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube217"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube218"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube219"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube220"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube221"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube222"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube223"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube224"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube225"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube226"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube227"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube228"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube229"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube230"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube231"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube232"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube233"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube dark cube234"><div class="front" ></div><div class="back" ></div><div class="left" ></div><div class="right" ></div><div class="top" ></div><div class="bottom"></div></div><div class="cube water water0"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water1"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water2"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water3"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water4"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water5"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water6"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water7"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water8"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water9"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water10"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water11"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water12"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water13"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water14"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water15"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water16"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water17"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water18"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water19"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water20"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water21"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water22"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water23"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water24"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water25"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water26"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water27"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water28"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water29"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water30"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water31"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water32"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water33"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water34"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water35"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water36"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water37"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water38"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water39"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water40"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water41"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water42"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water43"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water44"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water45"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water46"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water47"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water48"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water49"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water50"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water51"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water52"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water53"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water54"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water55"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water56"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water57"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water58"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water59"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water60"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water61"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water62"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water63"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water64"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water65"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water66"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water67"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water68"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water69"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water70"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water71"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water72"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water73"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water74"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div><div class="cube water water75"><div class="top" ></div><div class="bottom"></div><!-- the sides are not visible --> </div></div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Isometric Stuff - Script Codes CSS Codes

* { box-sizing: border-box; -webkit-transition: 0s ease; transition: 0s ease;
}
.abs-center { display: false; position: absolute; margin: false; top: 50%; left: 50%; right: false; bottom: false; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 88%;
}
body { overflow: hidden;
}
.background { height: 100vh; width: 100vw; -webkit-transition: 0s ease; transition: 0s ease;
}
.background.light-theme { background-color: #34cffe;
}
.background.dark-theme { background: -webkit-radial-gradient(#111b27, #050c12); background: radial-gradient(#111b27, #050c12);
}
.star { position: fixed; height: 3px; width: 3px; -webkit-filter: blur(1px); filter: blur(1px); background-color: #5cf;
}
.star.star1 { top: 13%; left: 10%;
}
.star.star2 { top: 3%; left: 30%;
}
.star.star3 { top: 30%; left: 34%;
}
.star.star4 { top: 20%; left: 48%;
}
.star.star5 { top: 59%; left: 3%;
}
.star.star6 { top: 7%; left: 83%;
}
.star.star7 { top: 90%; left: 54%;
}
.star.star8 { top: 77%; left: 59%;
}
.star.star9 { top: 89%; left: 24%;
}
.star.star10 { top: 30%; left: 43%;
}
.star.star11 { top: 62%; left: 91%;
}
.star.star12 { top: 18%; left: 72%;
}
.star.star13 { top: 94%; left: 82%;
}
.star.star14 { top: 88%; left: 7%;
}
.star.star15 { top: 38%; left: 96%;
}
.star.star16 { top: 50%; left: 50%;
}
.star.star17 { top: 44%; left: 60%;
}
.container { width: 25px; height: 25px; top: 60%; -webkit-perspective: 6000px; perspective: 6000px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: 0s ease; transition: 0s ease;
}
.cube { position: absolute; height: 100%; width: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-30deg) rotateY(45deg); transform: rotateX(-30deg) rotateY(45deg);
}
.cube div { position: absolute; width: 100%; height: 100%;
}
.cube .front { -webkit-transform: rotateY(0deg) translateZ(12.5px); transform: rotateY(0deg) translateZ(12.5px); background-color: #383838;
}
.cube .left { -webkit-transform: rotateY(-90deg) translateZ(12.5px); transform: rotateY(-90deg) translateZ(12.5px); background-color: #2b2b2b;
}
.cube .top { -webkit-transform: rotateX(90deg) translateZ(12.5px); transform: rotateX(90deg) translateZ(12.5px); background-color: #3e3e3e;
}
.cube .bottom { -webkit-transform: rotateX(-90deg) translateZ(12.5px); transform: rotateX(-90deg) translateZ(12.5px); background-color: #202020;
}
.cube .right { -webkit-transform: rotateY(90deg) translateZ(12.5px); transform: rotateY(90deg) translateZ(12.5px); background-color: #2b2b2b;
}
.cube .back { -webkit-transform: rotateY(180deg) translateZ(12.5px); transform: rotateY(180deg) translateZ(12.5px); background-color: $cube_dark_back;
}
.dark .front,
.dark .back { background-color: #383838;
}
.dark .left { background-color: #2b2b2b;
}
.dark .right { background-color: #444;
}
.dark .top { background-color: #3e3e3e;
}
.dark .bottom { background-color: #202020;
}
.light .front,
.light .back { background-color: #d9d9d9;
}
.light .left { background-color: #b1b3b9;
}
.light .right { background-color: #fff;
}
.light .top { background-color: #f4f4f4;
}
.light .bottom { background-color: #d6d6d6;
}
.water .front,
.water .left,
.water .right,
.water .back { background-color: rgba(0,0,0,0);
}
.water .top { background-color: rgba(80,190,255,0.5);
}
.water .bottom { background-color: rgba(30,190,255,0.8);
}
.cube1 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(100px);
}
.cube2 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(100px);
}
.cube3 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(100px);
}
.cube4 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(100px);
}
.cube5 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(100px);
}
.cube6 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(100px);
}
.cube7 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(100px);
}
.cube8 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(100px);
}
.cube9 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(100px);
}
.cube10 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(75px);
}
.cube11 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(50px);
}
.cube12 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(25px);
}
.cube13 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(0px);
}
.cube14 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-25px);
}
.cube15 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-50px);
}
.cube16 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-75px);
}
.cube17 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(-100px);
}
.cube18 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-100px);
}
.cube19 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-100px);
}
.cube20 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-100px);
}
.cube21 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-100px);
}
.cube22 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-100px);
}
.cube23 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-100px);
}
.cube24 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-100px);
}
.cube25 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-100px);
}
.cube26 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-75px);
}
.cube27 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-50px);
}
.cube28 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-25px);
}
.cube29 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(0px);
}
.cube30 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(25px);
}
.cube31 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(50px);
}
.cube32 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(75px);
}
.water0 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-75px);
}
.water1 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-75px);
}
.water2 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-75px);
}
.water3 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-75px);
}
.water4 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-75px);
}
.water5 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-75px);
}
.water6 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-75px);
}
.water7 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-50px);
}
.water8 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-50px);
}
.water9 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-50px);
}
.water10 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-50px);
}
.water11 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-50px);
}
.water12 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-50px);
}
.water13 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-50px);
}
.water14 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-25px);
}
.water15 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-25px);
}
.water16 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(-25px);
}
.water17 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-25px);
}
.water18 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(-25px);
}
.water19 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-25px);
}
.water20 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(-25px);
}
.water21 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(0px);
}
.water22 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(0px);
}
.water23 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(0px);
}
.water24 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(0px);
}
.water25 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(0px);
}
.water26 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(0px);
}
.water27 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(0px);
}
.water28 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(25px);
}
.water29 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(25px);
}
.water30 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(25px);
}
.water31 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(25px);
}
.water32 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(25px);
}
.water33 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(25px);
}
.water34 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(25px);
}
.water35 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(50px);
}
.water36 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(50px);
}
.water37 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(50px);
}
.water38 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(50px);
}
.water39 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(50px);
}
.water40 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(50px);
}
.water41 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(50px);
}
.water42 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(75px);
}
.water43 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(75px);
}
.water44 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(50px) translateZ(75px);
}
.water45 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(75px);
}
.water46 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(50px) translateZ(75px);
}
.water47 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(75px);
}
.water48 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(75px);
}
.cube33 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-50px);
}
.cube34 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(25px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(25px) translateZ(-50px);
}
.cube35 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(0px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(0px) translateZ(-50px);
}
.cube36 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-25px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-25px) translateZ(-50px);
}
.cube37 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(-50px);
}
.cube38 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(25px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(25px) translateZ(-50px);
}
.cube39 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(-50px);
}
.cube40 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-25px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-25px) translateZ(-50px);
}
.cube41 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(-50px);
}
.cube42 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(25px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(25px) translateZ(-50px);
}
.cube43 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(0px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(0px) translateZ(-50px);
}
.cube44 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-25px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-25px) translateZ(-50px);
}
.cube45 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(0px);
}
.cube46 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(25px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(25px) translateZ(0px);
}
.cube47 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(0px) translateZ(0px);
}
.cube48 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-25px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-25px) translateZ(0px);
}
.cube49 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(0px);
}
.cube50 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(25px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(25px) translateZ(0px);
}
.cube51 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(0px);
}
.cube52 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-25px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-25px) translateZ(0px);
}
.cube53 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(0px);
}
.cube54 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(25px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(25px) translateZ(0px);
}
.cube55 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(0px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(0px) translateZ(0px);
}
.cube56 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-25px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-25px) translateZ(0px);
}
.cube57 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(50px);
}
.cube58 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(25px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(25px) translateZ(50px);
}
.cube59 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(0px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(0px) translateZ(50px);
}
.cube60 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-25px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-25px) translateZ(50px);
}
.cube61 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(50px) translateZ(50px);
}
.cube62 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(25px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(25px) translateZ(50px);
}
.cube63 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(0px) translateZ(50px);
}
.cube64 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-25px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-25px) translateZ(50px);
}
.cube65 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(50px);
}
.cube66 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(25px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(25px) translateZ(50px);
}
.cube67 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(0px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(0px) translateZ(50px);
}
.cube68 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-25px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-25px) translateZ(50px);
}
.cube69 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(-50px);
}
.cube70 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(-50px);
}
.cube71 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(-50px);
}
.cube72 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(-50px);
}
.cube73 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(-50px);
}
.cube74 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(-25px);
}
.cube75 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(-25px);
}
.cube76 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(-25px);
}
.cube77 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(-25px);
}
.cube78 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(-25px);
}
.cube79 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(0px);
}
.cube80 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(0px);
}
.cube81 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(0px);
}
.cube82 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(0px);
}
.cube83 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(0px);
}
.cube84 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(25px);
}
.cube85 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(25px);
}
.cube86 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(25px);
}
.cube87 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(25px);
}
.cube88 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(25px);
}
.cube89 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-50px) translateZ(50px);
}
.cube90 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-50px) translateZ(50px);
}
.cube91 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-50px) translateZ(50px);
}
.cube92 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-50px) translateZ(50px);
}
.cube93 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-50px) translateZ(50px);
}
.cube94 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(-50px);
}
.cube95 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(-50px);
}
.cube96 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(-50px);
}
.cube97 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(-50px);
}
.cube98 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(-50px);
}
.cube99 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(-25px);
}
.cube100 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(-25px);
}
.cube101 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(-25px);
}
.cube102 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(-25px);
}
.cube103 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(-25px);
}
.cube104 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(0px);
}
.cube105 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(0px);
}
.cube106 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(0px);
}
.cube107 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(0px);
}
.cube108 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(0px);
}
.cube109 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(25px);
}
.cube110 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(25px);
}
.cube111 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(25px);
}
.cube112 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(25px);
}
.cube113 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(25px);
}
.cube114 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-75px) translateZ(50px);
}
.cube115 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-75px) translateZ(50px);
}
.cube116 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-75px) translateZ(50px);
}
.cube117 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-75px) translateZ(50px);
}
.cube118 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(-75px) translateZ(50px);
}
.cube119 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-100px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-100px) translateZ(-25px);
}
*
.cube120 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100px) translateZ(-25px);
}
*
.cube121 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-100px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-100px) translateZ(-25px);
}
*
.cube122 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-100px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-100px) translateZ(0px);
}
*
.cube123 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100px) translateZ(0px);
}
*
.cube124 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-100px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-100px) translateZ(0px);
}
*
.cube125 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-100px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-100px) translateZ(25px);
}
*
.cube126 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-100px) translateZ(25px);
}
*
.cube127 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-100px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-100px) translateZ(25px);
}
*
.cube128 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-125px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-125px) translateZ(-25px);
}
.cube129 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-125px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-125px) translateZ(-25px);
}
.cube130 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-125px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-125px) translateZ(-25px);
}
.cube131 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-125px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-125px) translateZ(0px);
}
.cube132 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-125px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-125px) translateZ(0px);
}
.cube133 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-125px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-125px) translateZ(0px);
}
.cube134 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-125px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-125px) translateZ(25px);
}
.cube135 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-125px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-125px) translateZ(25px);
}
.cube136 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-125px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-125px) translateZ(25px);
}
.cube137 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-150px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-150px) translateZ(25px);
}
.cube138 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-150px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-150px) translateZ(-25px);
}
.cube139 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-150px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-150px) translateZ(25px);
}
.cube140 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-175px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-175px) translateZ(25px);
}
.cube141 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-175px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-175px) translateZ(-25px);
}
.cube142 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-175px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-175px) translateZ(25px);
}
.cube143 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(25px);
}
.cube144 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(0px);
}
.cube145 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(-25px);
}
.cube146 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-200px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-200px) translateZ(-25px);
}
.cube147 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-200px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-200px) translateZ(-25px);
}
.cube148 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-200px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-200px) translateZ(0px);
}
.cube149 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-200px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(25px) translateY(-200px) translateZ(25px);
}
.cube150 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-200px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-200px) translateZ(25px);
}
.cube151 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(50px);
}
.cube152 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(25px);
}
.cube153 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(0px);
}
.cube154 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(-25px);
}
.cube155 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-100px) translateZ(-50px);
}
.cube156 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(25px);
}
.cube157 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(0px);
}
.cube158 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(-25px);
}
.cube159 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-125px) translateZ(-50px);
}
.cube160 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-150px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-150px) translateZ(0px);
}
.cube161 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-150px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-150px) translateZ(-25px);
}
.cube162 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-150px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-150px) translateZ(-50px);
}
.cube163 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-175px) translateZ(-25px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-175px) translateZ(-25px);
}
.cube164 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-175px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-175px) translateZ(-50px);
}
.cube165 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-200px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(-200px) translateZ(-50px);
}
.cube166 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-25px) translateY(-200px) translateZ(-50px);
}
.water49 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-200px) translateZ(0px); transform: rotateX(-30deg) rotateY(45deg) translateX(0px) translateY(-200px) translateZ(0px);
}
.cube167 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(200px);
}
.cube168 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(200px);
}
.cube169 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(200px);
}
.cube170 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(125px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(125px) translateY(50px) translateZ(200px);
}
.cube171 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(150px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(150px) translateY(50px) translateZ(200px);
}
.cube172 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(175px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(175px) translateY(50px) translateZ(200px);
}
.cube173 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(200px);
}
.cube174 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(175px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(175px);
}
.cube175 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(150px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(150px);
}
.cube176 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(125px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(125px);
}
.cube177 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(100px);
}
.cube178 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(75px);
}
.cube179 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(50px);
}
.cube180 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(225px);
}
.cube181 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(50px) translateY(50px) translateZ(250px);
}
.cube182 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(250px);
}
.cube183 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(250px);
}
.cube184 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(125px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(125px) translateY(50px) translateZ(250px);
}
.cube185 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(150px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(150px) translateY(50px) translateZ(250px);
}
.cube186 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(175px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(175px) translateY(50px) translateZ(250px);
}
.cube187 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(250px);
}
.cube188 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(250px);
}
.cube189 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(250px);
}
.cube189 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(250px);
}
.cube190 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(225px);
}
.cube191 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(200px);
}
.cube192 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(175px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(175px);
}
.cube193 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(150px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(150px);
}
.cube194 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(125px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(125px);
}
.cube195 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(100px);
}
.cube196 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(75px);
}
.cube197 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(50px) translateZ(50px);
}
.cube198 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(50px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(50px);
}
.cube199 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(25px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(25px) translateZ(250px);
}
.cube200 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(0px) translateZ(250px); transform: rotateX(-30deg) rotateY(45deg) translateX(250px) translateY(0px) translateZ(250px);
}
.water50 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(75px) translateY(50px) translateZ(225px);
}
.water51 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(100px) translateY(50px) translateZ(225px);
}
.water52 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(125px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(125px) translateY(50px) translateZ(225px);
}
.water53 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(150px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(150px) translateY(50px) translateZ(225px);
}
.water54 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(175px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(175px) translateY(50px) translateZ(225px);
}
.water55 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(200px) translateY(50px) translateZ(225px);
}
.water56 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(225px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(225px);
}
.water57 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(200px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(200px);
}
.water58 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(175px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(175px);
}
.water59 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(150px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(150px);
}
.water60 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(125px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(125px);
}
.water61 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(100px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(100px);
}
.water62 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(75px); transform: rotateX(-30deg) rotateY(45deg) translateX(225px) translateY(50px) translateZ(75px);
}
.cube201 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-200px);
}
.cube202 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-200px);
}
.cube203 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-200px);
}
.cube204 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-125px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-125px) translateY(50px) translateZ(-200px);
}
.cube205 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-150px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-150px) translateY(50px) translateZ(-200px);
}
.cube206 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-175px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-175px) translateY(50px) translateZ(-200px);
}
.cube207 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-200px);
}
.cube208 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-175px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-175px);
}
.cube209 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-150px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-150px);
}
.cube210 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-125px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-125px);
}
.cube211 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-100px);
}
.cube212 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-75px);
}
.cube213 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-50px);
}
.cube214 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-225px);
}
.cube215 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-50px) translateY(50px) translateZ(-250px);
}
.cube216 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-250px);
}
.cube217 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-250px);
}
.cube218 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-125px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-125px) translateY(50px) translateZ(-250px);
}
.cube219 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-150px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-150px) translateY(50px) translateZ(-250px);
}
.cube220 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-175px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-175px) translateY(50px) translateZ(-250px);
}
.cube221 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-250px);
}
.cube222 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-250px);
}
.cube223 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-250px);
}
.cube223 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-250px);
}
.cube224 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-225px);
}
.cube225 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-200px);
}
.cube226 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-175px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-175px);
}
.cube227 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-150px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-150px);
}
.cube228 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-125px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-125px);
}
.cube229 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-100px);
}
.cube230 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-75px);
}
.cube231 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(50px) translateZ(-50px);
}
.cube232 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-50px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-50px);
}
.cube233 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(25px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(25px) translateZ(-250px);
}
.cube234 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(0px) translateZ(-250px); transform: rotateX(-30deg) rotateY(45deg) translateX(-250px) translateY(0px) translateZ(-250px);
}
.water63 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-75px) translateY(50px) translateZ(-225px);
}
.water64 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-100px) translateY(50px) translateZ(-225px);
}
.water65 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-125px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-125px) translateY(50px) translateZ(-225px);
}
.water66 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-150px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-150px) translateY(50px) translateZ(-225px);
}
.water67 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-175px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-175px) translateY(50px) translateZ(-225px);
}
.water68 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-200px) translateY(50px) translateZ(-225px);
}
.water69 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-225px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-225px);
}
.water70 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-200px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-200px);
}
.water71 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-175px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-175px);
}
.water72 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-150px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-150px);
}
.water73 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-125px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-125px);
}
.water74 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-100px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-100px);
}
.water75 { -webkit-transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-75px); transform: rotateX(-30deg) rotateY(45deg) translateX(-225px) translateY(50px) translateZ(-75px);
}

Isometric Stuff - Script Codes JS Codes

// Pinspiration
// http://67.media.tumblr.com/2521e085ed14c4d9f2d58125d57737f7/tumblr_ns9ayaBY9h1u54z5eo1_1280.jpg
// MORE COOL THINGS
// https://s-media-cache-ak0.pinimg.com/736x/99/1e/7e/991e7ec2da10aa8373d9329c93e0eebd.jpg
// https://media.giphy.com/media/dA5tZ7DskwxqM/giphy.gif
// https://s-media-cache-ak0.pinimg.com/originals/d2/67/78/d2677827e5f7f6e4605c2d3726df0793.jpg
// Things to add
// Water on the side of the building
// Mixin for creating new cube colors
//
// Functions to change the theme
function dark() { $('.background').removeClass('light-theme').addClass('dark-theme'); $('.cube.light').removeClass('light').addClass('dark');
}
function light() { $('.background').removeClass('dark-theme').addClass('light-theme'); $('.cube.dark').removeClass('dark').addClass('light');
}
// Functions for controlling rotation based on mouse position
function move() { $(window).mousemove(function(e){ var $X = ((e.pageX - $(window).width()/2)/($(window).width()))*180, $Y = -((e.pageY - $(window).height()/2)/($(window).height()))*100 - 20; if($Y > 30) {$Y = 30}	$('.container').animate({ textIndent: 1 }, { step: function(now,fx) { $('.container').css('transform','translate(-50%,-50%) rotateY('+$X+'deg) rotateX('+$Y+'deg)'); }, duration:0	});	});
}
function stop_move() { $(window).unbind('mousemove'); $('.container').css('transform','translate(-50%,-50%) rotateY(0deg) rotateX(0deg)')
}
//$(document).ready(function(){});

Home Page	Home
Developer	Kyle Shanks
Username	mavrK
Uploaded	August 04, 2022
Rating	4.5
Size	10,874 Kb
Views	30,360

Do you need developer help for Isometric Stuff?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kyle Shanks (mavrK) Script Codes

Name	Size
Book Cover	2,028 Kb
New cube thingy	7,048 Kb
Ping	6,636 Kb
Nvm all fixed now	11,664 Kb
A Pen by Kyle Shanks	14,519 Kb
Just social stuff	4,617 Kb
Swirly dot thing	3,642 Kb
Package Manager Thing	9,754 Kb
Color palette stuff	8,024 Kb
Hex Clock	3,459 Kb

Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
Reviews and Ratings Star	Zbnmstry	1,591 Kb
Kut D3	Jellevrswk	3,687 Kb
Sticky Navbar	Phantomesse	5,106 Kb
A Pen by Jess	Jessamyne	5,100 Kb
Sass Radar	Jlong	6,887 Kb
CodeCamp Tribute Page	JonathanDeJesus	6,860 Kb
Portfolio Page	HuffmanJ25	5,240 Kb
Flat UI Button	Honchoman	2,289 Kb
Simple jQuery Slider	Jurbank	2,874 Kb
A Pen by Eka Risyana	Risyana	3,705 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!