body {
  background: rgb(69, 72, 77);
  background: -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

.tiles {
  background: transparent;
  border: 2px solid #444;          /* slightly thicker than dashed */
  width: 400px;
  margin: 4% auto 0 auto;
  transform-style: preserve-3d;
  
  /* Techno touch: subtle rotation on hover */
  transition: transform 0.1s ease;
}

.tiles div {
  float: left;
  background: #333;                /* original was red */
  width: 40px;
  height: 40px;
  box-shadow: 2px 3px 6px rgba(0,00,00,0.5);    /* fixed the double-zero bug */

/* Optional: limit to 8 colors max for cleaner look */
.tiles div:nth-child(n+28) {
  display: none;                   /* hide excess tiles instead of overflow */
}