@import "compass/css";

​
3
// toggle the cube dimensions here.

$cubeWidth: px;
5
$cubeHeight: 0px;

$cubeDepth: $cubeHeight;

​

body {

  color: #3;

  padding: 20px;

  text-align: center;

  font-family: Arial;

}

​

.separator {

  margin-top: px;

}

  

.twitter {
20
  color: #FFF;

  text-decoration: none;

  border-radius: 4px;

  background: #00ACED;

  display: inline-block;
25
  padding: 10px 8px;

  margin-bottom: 15px;

  font-weight: bold;

}

​

/* 3D Cube */

.space3d {

  perspective: 1000px;
33
  width: $cubeWidth;

  height: $cubeHeight;

  text-align: center;

  display: inline-block;

}

​

._3dbox {
40
  display: inline-block;

  transition: all 0.85s cubic-bezier(0.175,0.885,0.320,1.275);

​

  text-align: center;

  position: relative;

  width: 100%;

  height: 100%;

  transform-style: preserve-3d;

  transform: rotateX(-15deg) rotateY(15deg);

}

​

._3dface {

  overflow: hidden;

  position: absolute;

  

  border: 1px solid #888;

  background: #FFF;

  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.1),