way-of-life/docs/css/styles.css

Conway's game of life

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background-color: #fff;
  padding: 0;
}

body,html {
  margin: 0;
  width: 100%;
}

body {
  height: 100%;
  padding: 1em;
  font-family: Alegreya,Palatino,Georgia,serif;
  font-size: 100%;
  color: #444;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

[type=reset],[type=submit],html [type=button] {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

[hidden] {
  display: none;
}

[class^=btn] {
  transition: all .3s cubic-bezier(.64,.09,.08,1);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.14),0 2px 10px 0 rgba(0,0,0,.1);
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  margin-bottom: 10px;
  background-image: none;
  background-size: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  transition: background-color .3s cubic-bezier(.64,.09,.08,1),box-shadow .3s cubic-bezier(.64,.09,.08,1);
  will-change: background-size,background-image;
  padding: 10px 20px;
  display: inline-block;
  font-family: Roboto;
  border: 0;
}

[class^=btn]:after {
  position: absolute;
  content: "";
  transition: none;
  background: radial-gradient(circle,#fff 95%,transparent 0);
  background-size: .7%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

[class^=btn]:focus {
  outline: none;
  background-size: 1000%;
  transition: all 1s cubic-bezier(.64,.09,.08,1);
}

@keyframes octocat-wave {
  0%, to {
    transform: rotate(0);
  }

  20%, 60% {
    transform: rotate(-25deg);
  }

  40%, 80% {
    transform: rotate(10deg);
  }
}

::-moz-selection {
  background: #fff!important;
  color: #444!important;
}

::selection {
  background: hsla(0,0%,100%,0)!important;
  color: #444!important;
}
/*# sourceMappingURL=styles.css.map?01393879*/