*:not(.context) {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  margin: 2em;
}

.header {
  margin: 1em;
  text-align: center;
  padding: 2em;
  background: #fafafa;
  -webkit-box-shadow: 0px 0px 10px 0px #dedede;
          box-shadow: 0px 0px 10px 0px #dedede;
}

.features-grid {
  margin-top: 2em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(250px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.demo-grid {
  margin-top: 2em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(250px, 2fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(250px, 2fr));
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid-item {
  -webkit-box-shadow: 0px 0px 10px 0px #dedede;
          box-shadow: 0px 0px 10px 0px #dedede;
  padding: 10px;
  margin: 1em;
}

code,
pre {
  display: block;
  font-family: Monospace;
  padding: 5px;
  background: #f0f0f0;
  line-height: 20px;
}
/*# sourceMappingURL=docs.css.map */