.blue {
  background-color: #004358; }

.green {
  background-color: #1f8a70; }

.yellow {
  background-color: #bedb39; }

.red {
  background-color: #ff5347; }

.orange {
  background-color: #fd7400; }

.white {
  background-color: #efefef; }

.black {
  background-color: #222222; }

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  width: 100%;
  height: 100%; }

#container {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0; }

#game-container {
  height: 100%;
  width: 100%; }

#board {
  background-color: #333;
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto; }

#time {
  position: fixed;
  left: 10px;
  top: 10px; }
  #time p {
    font-size: 25px;
    font-family: Helvetica, sans-serif;
    color: white;
    padding: 0;
    margin: 0; }

.cell {
  display: inline;
  position: absolute;
  margin: 0; }

.alive {
  z-index: 1;
  box-shadow: 3px 3px 0px 5px;
  -moz-box-shadow: 3px 3px 0px 3px #222;
  -webkit-box-shadow: 3px 3px 0px 3px #222;
  box-shadow: 3px 3px 0px 3px #222; }

.cell:hover {
  border: 2px solid green; }

.dead {
  background-color: #222 !important; }

.untouched {
  background-color: #333 !important; }

#controls {
  position: fixed;
  bottom: 0;
  height: 100px;
  width: 100%;
  z-index: 10; }

.btn {
  border: 3px solid #222222;
  color: #222;
  width: 33%;
  height: 100%;
  font-size: 20px; }