@import url(http://fonts.googleapis.com/css?family=Russo+One|Roboto:400,700);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.main {
  font-size: 18px;
  font-family: Roboto, sans-serif;
  color: white;
  line-height: 1.5;
  background: #2f2f2f;
}

.wrapper {
  max-width: 1000px;
  margin: 20px auto;
  padding: 20px;
  background: white;
  color: #2f2f2f;
}

.description {
  text-align: center;
}

label {
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
}

input {
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
}

pre {
  margin: 20px auto;
  background: #2f2f2f;
  padding: 10px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
}
pre code {
  color: white;
  font-family: Consolas, Monaco, 'Andale Mono', monospace;
  text-shadow: 1px 1px 0 black;
}

h1 {
  font-family: "Russo One", sans-serif;
  font-size: 2.5rem;
  text-align: center;
  line-height: 1.2;
}