body {
  background: #faeefc;
  font-size: 16px;
  font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
  line-height: 1.5;
}
body pre,
body code,
body .editor {
  font-size: 14px;
}
h1,
h2,
h3 {
  margin-top: 30px;
}
h4 {
  margin-top: 40px;
}
h4 code {
  color: inherit;
  font-size: inherit;
}
p {
  margin-bottom: 15px;
}
/*@str: darken(@back, 60);*/
a {
  color: #8721ba;
}
a:hover {
  color: #6e1b98;
}
span.api-str code {
  color: inherit;
  font-weight: bold;
}
code {
  color: #d79104;
}
code,
.editor.ace-tm {
  padding: 0;
  border: none;
  background: none;
  white-space: normal;
}
code span.string,
.editor.ace-tm span.string,
code .ace_string,
.editor.ace-tm .ace_string {
  color: #d79104;
}
code span.attribute,
.editor.ace-tm span.attribute,
code .ace_variable,
.editor.ace-tm .ace_variable {
  color: #8e22c3;
}
code span.number,
.editor.ace-tm span.number,
code span.boolean,
.editor.ace-tm span.boolean,
code .ace_constant.ace_numeric,
.editor.ace-tm .ace_constant.ace_numeric,
code .ace_constant.ace_boolean,
.editor.ace-tm .ace_constant.ace_boolean {
  color: #9b6803;
}
pre code,
pre,
.editor {
  word-wrap: normal;
  word-break: normal;
  background: white;
}
#tryit {
  position: fixed;
  height: 100%;
  background: #f5d9f7;
  border: 1px solid #efc3f3;
  border-width: 0 1px;
  padding: 0 14px;
  overflow-y: scroll;
}
#tryit .span6 {
  width: 430px;
}
#tryit .wrap {
  position: relative;
  height: 300px;
}
#tryit .wrap .editor {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  border: 1px solid #aaa;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#tryit .wrap .editor .ace_scroller {
  box-shadow: inset 0px 1px 2px #ccc;
}
#tryit #generate {
  margin: 10px 0;
}
#tryit #input-n {
  width: 25px;
  margin-top: 8px;
}
#tryit #tryit-header {
  margin-top: 30px;
  margin-bottom: 10px;
  position: relative;
}
#tryit #tryit-header h2 {
  margin: 0
      display: inline;
}
#tryit #tryit-header .share-buttons {
  position: absolute;
  display: inline;
  top: 5px;
  right: 0;
}
.center {
  text-align: center;
}