.thumbs img {
  margin: 0 auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav {
  color: #5ad;
}
.nav a {
  color: inherit;
}
.nav li.active a,
.nav li a:hover {
  color: #fff;
  background-color: #5ad;
}
.header .nav li a {
  color: #fab;
}
.header .nav li.active a,
.header .nav li a:hover {
  color: #fff;
  background-color: #fab;
}
@media only screen and (min-width: 641px) {
  .thumbs img {
    width: 16em;
  }
  .hero {
    padding-left: 0;
  }
  .hero header {
    text-align: center;
  }
  .markup pre {
    height: 29em;
  }
}
@media only screen and (min-width: 1281px) {
  .markup pre {
    height: auto;
  }
}
/*# sourceMappingURL=index.css.map */