/* Shapes inspired by http://www.css3shapes.com/ */
.circle {
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.square {
  width: 50px;
  height: 50px;
}

.triangle {
  width: 0;
  height: 0;
  border-bottom: 50px solid;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
}

.circle.red, .square.red {
  background: red;
}

.circle.blue, .square.blue {
  background: blue;
}

.circle.green, .square.green {
  background: green;
}

.triangle.red {
  border-bottom-color: red;
}

.triangle.blue {
  border-bottom-color: blue;
}

.triangle.green {
  border-bottom-color: green;
}

.shape {
  margin: 5px;
  float: left;
}

.shape-card {
  background-color: white;
  border: 1px solid black;
  margin: 10px;
  position: absolute;
  width: 180px;
}

.clearfix {
  clear: both;
}

.filtered-list {
  position: relative;
  width: 800px;
}

#filters {
  min-height: 20px;
}

#filters > div {
  float: left;
}