app.css

.ttr-board {
  border: 1px solid black; }

.ttr-grid-line {
  /*TODO: change to a more reasonable color? */
  stroke: #bada55;
  stroke-width: 1; }

.ttr-tetromino__square--i {
  stroke-width: 3;
  stroke: #00cccc;
  fill: cyan; }

.ttr-tetromino__square--o {
  stroke-width: 3;
  stroke: #cccc00;
  fill: yellow; }

.ttr-tetromino__square--t {
  stroke-width: 3;
  stroke: #4d004d;
  fill: purple; }

.ttr-tetromino__square--s {
  stroke-width: 3;
  stroke: #004d00;
  fill: green; }

.ttr-tetromino__square--z {
  stroke-width: 3;
  stroke: #cc0000;
  fill: red; }

.ttr-tetromino__square--j {
  stroke-width: 3;
  stroke: #0000cc;
  fill: blue; }

.ttr-tetromino__square--l {
  stroke-width: 3;
  stroke: #cc8400;
  fill: orange; }

.ttr-tetromino__square--x {
  stroke-width: 3;
  stroke: #676767;
  fill: grey; }

.ttr-dashboard {
  position: absolute;
  left: 360px;
  top: 100px; }

.ttr-up-next {
  border: 3px solid black;
  border-radius: 50%; }