#demowrap {
position: relative;
left: 100px;
background: transparent;
margin: 1em 0;
}

.cube {
  width: 0px;
  height: 0px;
  line-height: 0px;
  border-width: 15px 15px 15px 15px;
  border-style: solid;
  margin: 0;
  margin-bottom: -1px;
  padding: 0;
  float: left;
  }

.row {
  text-align: center;
  margin: 0;
  padding: 0;
  height: 0px;
  line-height: 0px;
  clear: both;
  }

.one {margin-left: 140px;}
.two {margin-left: 110px;}
.three {margin-left: 80px;}
.four {margin-left: 50px;}
 

.top-left-outer {
  border-color: white blue blue white;
  }

.top-right-outer {
  border-color: white white blue blue;
  }

.bottom-left {
  border-color: blue blue red red;
  }

.bottom-right {
  border-color: blue green green blue;
  }

.lastrow-left {
  border-color: red red white white;
  }

.lastrow-right {
  border-color: green white white green;
  }

.top-right {
  border-color: red red blue blue;
  }

.top-left {
  border-color: green blue blue green;
  }