react-canvas-galaxy-octopus/css/main.css

Galaxy octopus which is a simple game by React Canvas heavily inspired from Flappy Bird.

.wrap {
  width: 350px;
  margin: 0 auto;
}

/*.canvas {
  height: 450px;
  background: url('../img/background.png');
  position: relative;
  overflow: hidden;
}

.count {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 36px;
  padding: 20px 0;
  color: #fff;
  z-index: 20;
}

.octopus {
  position: absolute;
  left: 130px;
  bottom: 50%;
  width: 40px;
  height: 28px;
  z-index: 10;
  background: url('../img/octopus.png');
}

.pipe {
  position: absolute;
  right: -60px;
  width: 60px;
  height: 100%;
  z-index: 2;
}

.pipe .pipeTopHalf {
  position: absolute;
  top: 0;
  width: 100%;
  background: url('../img/pipe.png') bottom;
}

.pipe .pipeBottomHalf {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url('../img/pipe.png') top;
}*/

.settings {
  text-align: center;
}

.settings div {
  margin: 8px;
}