.cell {
  width: 1rem;
  height: 1rem;
  border: 1px solid #ddd; }
  .cell:hover:not(.cell_alive):not(.cell_alive) {
    background: #ddd; }
  .cell_alive {
    background-color: #ff5400; }
  .cell_new-born {
    background-color: #ffbf00; }
.button {
  display: inline-block;
  padding: 0.3em 0.7em;
  cursor: pointer;
  color: #fff;
  background-color: #db4500;
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.5em; }
  .button:hover {
    background-color: #ff5b0f; }
.board {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .board__grid {
    margin: auto;
    border-collapse: collapse; }
  .board__counter {
    padding: 0.5rem 0;
    text-align: left; }
  .board__controls {
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .board__label {
    text-align: left; }
  .board__field {
    max-width: 4rem; }
.game-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  text-align: center; }
  .game-page__header {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    padding: 1rem 2rem;
    background-color: aquamarine; }
  .game-page__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    padding: 1rem 2rem;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }
  .game-page__footer {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    background-color: aquamarine; }
  .game-page__title {
    margin: 0; }
  .game-page__board {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center; }
  .game-page__link {
    display: block;
    height: 100%;
    padding: 1rem 2rem; }
.test-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  text-align: center; }
  .test-page__header {
    background-color: aquamarine; }
  .test-page__main {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto; }
  .test-page__footer {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    background-color: aquamarine; }
.application {
  height: 100%; }