.brand {
  font-family: 'Bitter', serif;
}

/* Snippet detail page */
#specimen {
  font-family: 'Noto Sans', sans-serif;
  margin-top: 2em;
}
#specimen #plain {
  font-size: 18px;
  letter-spacing: 1px;
}
ul.names-list {
  list-style: none;
  padding-left: 0;
  padding-right: 0;
}
ul.names-list .char {
  display: inline-block;
  margin-right: 1em;
  width: 1em;
  text-align: center;
  font-size: 24px;
}
ul.names-list li {
  margin-bottom: 1em;
}
span.glyph {
  border-radius: .05em;
  margin-bottom: .5em;
  border: 2px solid lightgray;
  width: 1.7em;
  text-align: center;
  display: inline-block;
  cursor: default;
}
span.glyph:hover {
  border: 2px solid darkgray;
  transition: border-color 1s;
}

/* ltr */
span.glyph {
  margin-right: .2em;
}
#separate-glyphs > span span.glyph:last-child {
  margin-right: 0;
}

/* rtl */
span.glyph.rtl {
  margin-left: .2em;
  margin-right: 0;
}
#separate-glyphs > span span.glyph.rtl:last-child {
  margin-left: 0;
}

/* interface elements */
.url-to-copy {
  background-color: white;
  display: inline-block;
  padding: .2em .5em;
  border: 1px solid lightgray;
  font-size: 1.3em;
}

.form-group.submit {
  text-align: right;
}

#contextnav {
  padding-top: .5em;
}

/* Make save button on new form look like it's in the context nav */
form#newsnippetform button#submit {
  position: fixed;
  bottom: .5em;
  right: 6em;
  z-index: 10000;
}

@media only screen and (max-width: 760px) {
  form#newsnippetform button#submit {
    right: 1em;
  }
}

input#id_specimen {
  font-size: 18px;
}

input.ta {
  padding-left: .4em;
}

/* on the detail page make a little box around the plain printed version */

#specimen.detail #plain {
  background-color: #f0f0f0;
  border: 1px solid #e7e7e7;
  padding: 1em;
  margin-bottom: 1em;
}

#fineprint {
  display: none;
}