body {
  font-family: "Lucida Console", "Consolas", sans-serif;
  background-color: #fafafa;
  margin: 0;
  padding: 0;
  height: 100%; }

.container {
  position: relative; }

.section {
  font-family: "Ubuntu", Arial;
  padding-top: 2em;
  padding-left: 1em;
  padding-right: 1em;
  max-width: 1200px; }
  .section ul {
    list-style-type: none; }

.footer {
  text-align: center;
  padding: 2em; }
  .footer a {
    color: #42a5f5;
    text-decoration: none; }

pre {
  border-left: 6px solid #ffcc80;
  -webkit-box-shadow: 0px 1px 2px #bdbdbd;
  box-shadow: 0px 1px 2px #bdbdbd;
  display: block;
  overflow-x: auto;
  border-radius: 2px; }

code {
  color: #42a5f5; }

.hero {
  font-size: 2em;
  background-color: #f5f5f5;
  min-height: 200px;
  text-align: center; }
  .hero .hero-title {
    font-size: 2em; }
  .hero .hero-subtitle {
    font-size: .6em; }
  .hero .hero-actions {
    padding-top: 1em; }

.subtitle {
  font-weight: 800;
  font-size: 1.5em; }

.demo-item {
  height: 30px;
  background-color: #90caf9;
  text-align: center;
  line-height: 30px;
  font-size: .7em;
  border-radius: 2px; }
  .demo-item.min {
    min-width: 85px; }
  .demo-item.tall {
    height: 250px; }

.flex-row.positioning {
  border: 1px solid #757575;
  margin-bottom: 1em;
  border-radius: 2px; }
  .flex-row.positioning.tall {
    height: 100px; }