.generator h2 {
  text-align: center;
  font-size: 32px;
}

.generator .form-group {
  margin: 15px 0 20px;
}

.generator .form-group label {
  font-size: 15px;
}

.generator .form-group > label {
  width: 20%;
  display: inline-block;
}

.generator .form-control {
  width: 80%;
  font-size: 16px;
}

.generator small {
  margin: 5px 0 0 20%;
  font-size: 80%;
  display: block;
}

.generator .btn-notify {
  padding: 12px 0;
  font-size: 18px;
}

html {
  text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

body, button, input, select, textarea {
  font: 16px / 1.4 Roboto, sans-serif;
}

body {
  color: #333;
  background-color: #fff;
}

a {
  color: #4078c0;
  text-decoration: none;
}

a:active, a:hover {
  text-decoration: underline;
}

.rule, hr {
  background: none;
  border: 0;
  border-bottom: 1px solid #ddd;
  height: 0;
  margin: 15px 0;
  overflow: hidden;
}

.rule:after, .rule:before, hr:after, hr:before {
  content: "";
  display: table;
}

.rule:after, hr:after {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.1;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 21px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

h5 {
  font-size: 12px;
}

h6 {
  font-size: 11px;
}

small {
  font-size: 90%;
}

blockquote {
  margin: 0;
}

.lead {
  color: #555;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}

.text-muted {
  color: #767676;
}

.text-danger {
  color: #bd2c00;
}

.text-emphasized {
  color: #333;
  font-weight: 700;
}

ol, ul {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

ol ol, ul ol {
  list-style-type: lower-roman;
}

ol ol ol, ol ul ol, ul ol ol, ul ul ol {
  list-style-type: lower-alpha;
}

dd {
  margin-left: 0;
}

code, tt {
  font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size: 12px;
}

pre {
  margin-top: 0;
  margin-bottom: 0;
  font: 12px Consolas, Liberation Mono, Menlo, Courier, monospace;
}

.container {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.container:after, .container:before {
  content: "";
  display: table;
}

.container:after {
  clear: both;
}

.columns {
  margin-left: -10px;
  margin-right: -10px;
}

.columns:after, .columns:before {
  content: "";
  display: table;
}

.columns:after {
  clear: both;
}

.column {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.one-third {
  width: 33.3333%;
}

.two-thirds {
  width: 66.6667%;
}

.one-fourth {
  width: 25%;
}

.one-half {
  width: 50%;
}

.three-fourths {
  width: 75%;
}

.one-fifth {
  width: 20%;
}

.four-fifths {
  width: 80%;
}

.single-column, .table-column {
  padding-left: 10px;
  padding-right: 10px;
}

.table-column {
  vertical-align: top;
  width: 1%;
  display: table-cell;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  font-size: 13px;
  font-weight: 700;
}

.form-control, input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  background-position: right 8px center;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  min-height: 34px;
  padding: 7px 8px;
  font-size: 13px;
  box-shadow: inset 0 1px 2px #00000013;
}

.form-control.focus, .form-control:focus, input[type="email"].focus, input[type="email"]:focus, input[type="number"].focus, input[type="number"]:focus, input[type="password"].focus, input[type="password"]:focus, input[type="tel"].focus, input[type="tel"]:focus, input[type="text"].focus, input[type="text"]:focus, input[type="url"].focus, input[type="url"]:focus, select.focus, select:focus, textarea.focus, textarea:focus {
  border-color: #51a7e8;
  box-shadow: inset 0 1px 2px #00000013, 0 0 5px #51a7e880;
}

select:not([multiple]) {
  vertical-align: middle;
  height: 34px;
}

.input-contrast, input.input-contrast {
  background-color: #fafafa;
}

.input-contrast:focus, input.input-contrast:focus {
  background-color: #fff;
}

:-ms-input-placeholder {
  color: #aaa;
}

::placeholder {
  color: #aaa;
}

input.input-mini {
  min-height: 26px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
}

input.input-large {
  padding: 6px 10px;
  font-size: 16px;
}

.input-block {
  width: 100%;
  display: block;
}

.input-monospace {
  font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
}

dl.form {
  margin: 15px 0;
}

dl.form input[type="email"], dl.form input[type="password"], dl.form input[type="text"], dl.form input[type="url"], dl.form select, dl.form textarea {
  background-color: #fafafa;
}

dl.form input[type="email"]:focus, dl.form input[type="password"]:focus, dl.form input[type="text"]:focus, dl.form input[type="url"]:focus, dl.form select:focus, dl.form textarea:focus {
  background-color: #fff;
}

dl.form > dt {
  margin: 0 0 6px;
}

dl.form > dt label {
  position: relative;
}

dl.form.flattened > dt {
  float: left;
  margin: 0;
  line-height: 32px;
}

dl.form.flattened > dd {
  line-height: 32px;
}

dl.form > dd input[type="email"], dl.form > dd input[type="password"], dl.form > dd input[type="text"], dl.form > dd input[type="url"] {
  width: 440px;
  max-width: 100%;
  margin-right: 5px;
}

dl.form > dd input.shorter {
  width: 130px;
}

dl.form > dd input.short {
  width: 250px;
}

dl.form > dd input.long {
  width: 100%;
}

dl.form > dd textarea {
  width: 100%;
  height: 200px;
  min-height: 200px;
}

dl.form > dd textarea.short {
  height: 50px;
  min-height: 50px;
}

dl.form > dd h4 {
  margin: 4px 0 0;
}

dl.form > dd h4.is-error {
  color: #bd2c00;
}

dl.form > dd h4.is-success {
  color: #6cc644;
}

dl.form > dd h4 + p.note {
  margin-top: 0;
}

dl.form.required > dt > label:after {
  color: #9f1006;
  content: "*";
  padding-left: 5px;
}

dl.form .error, dl.form .indicator, dl.form .success {
  font-size: 12px;
  font-weight: 700;
  display: none;
}

dl.form.loading {
  opacity: .5;
}

dl.form.loading .indicator {
  display: inline;
}

dl.form.loading .spinner {
  vertical-align: middle;
  display: inline-block;
}

dl.form.successful .success {
  color: #390;
  display: inline;
}

dl.form.errored dd.error, dl.form.errored dd.warning, dl.form.warn dd.error, dl.form.warn dd.warning {
  z-index: 10;
  border-radius: 3px;
  max-width: 450px;
  margin: 2px 0 0;
  padding: 5px 8px;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: absolute;
}

dl.form.errored dd.error:after, dl.form.errored dd.error:before, dl.form.errored dd.warning:after, dl.form.errored dd.warning:before, dl.form.warn dd.error:after, dl.form.warn dd.error:before, dl.form.warn dd.warning:after, dl.form.warn dd.warning:before {
  z-index: 15;
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 10px;
}

dl.form.errored dd.error:after, dl.form.errored dd.warning:after, dl.form.warn dd.error:after, dl.form.warn dd.warning:after {
  border-width: 5px;
}

dl.form.errored dd.error:before, dl.form.errored dd.warning:before, dl.form.warn dd.error:before, dl.form.warn dd.warning:before {
  border-width: 6px;
  margin-left: -1px;
}

dl.form.warn dd.warning {
  color: #4e401e;
  background-color: #ffe5a7;
  border: 1px solid #e7ce94;
}

dl.form.warn dd.warning:after {
  border-bottom-color: #ffe5a7;
}

dl.form.warn dd.warning:before {
  border-bottom-color: #cdb683;
}

dl.form.errored > dt label {
  color: #bd2c00;
}

dl.form.errored dd.error {
  color: #fff;
  background-color: #bf1515;
  border-color: #911;
  font-size: 13px;
}

dl.form.errored dd.error:after {
  border-bottom-color: #bf1515;
}

dl.form.errored dd.error:before {
  border-bottom-color: #911;
}

.note {
  color: #767676;
  min-height: 17px;
  margin: 4px 0 2px;
  font-size: 12px;
}

.note .spinner {
  vertical-align: middle;
  margin-right: 3px;
}

.form-checkbox {
  vertical-align: middle;
  margin: 15px 0;
  padding-left: 20px;
}

.form-checkbox label em.highlight {
  background: #fffbdc;
  border-radius: 3px;
  padding: 2px 4px;
  font-style: normal;
  position: relative;
  left: -4px;
}

.form-checkbox input[type="checkbox"], .form-checkbox input[type="radio"] {
  float: left;
  vertical-align: middle;
  margin: 2px 0 0 -20px;
}

.form-checkbox .note {
  color: #666;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.hfields {
  margin: 15px 0;
}

.hfields:after, .hfields:before {
  content: "";
  display: table;
}

.hfields:after {
  clear: both;
}

.hfields dl.form {
  float: left;
  margin: 0 30px 0 0;
}

.hfields dl.form > dt label {
  color: #666;
  margin: 5px 0 0;
  display: inline-block;
}

.hfields dl.form > dt img {
  position: relative;
  top: -2px;
}

.hfields .btn {
  float: left;
  margin: 28px 25px 0 -20px;
}

.hfields select {
  margin-top: 5px;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group {
  display: table;
}

.input-group input {
  width: 100%;
  position: relative;
}

.input-group input:focus {
  z-index: 2;
}

.input-group input[type="text"] + .btn {
  margin-left: 0;
}

.input-group.inline {
  display: inline-table;
}

.input-group-button, .input-group input {
  display: table-cell;
}

.input-group-button {
  vertical-align: middle;
  width: 1%;
}

.input-group-button:first-child .btn, .input-group input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-button:first-child .btn {
  margin-right: -1px;
}

.input-group-button:last-child .btn, .input-group input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-button:last-child .btn {
  margin-left: -1px;
}

.form-actions:after, .form-actions:before {
  content: "";
  display: table;
}

.form-actions:after {
  clear: both;
}

.form-actions .btn {
  float: right;
}

.form-actions .btn + .btn {
  margin-right: 5px;
}

.form-warning {
  color: #333;
  background: #ffffe2;
  border: 1px solid #e7e4c2;
  border-radius: 4px;
  margin: 10px 0;
  padding: 8px 10px;
  font-size: 14px;
}

.form-warning p {
  margin: 0;
  line-height: 1.5;
}

.form-warning strong {
  color: #000;
}

.form-warning a {
  font-weight: 700;
}

.status-indicator {
  -webkit-font-smoothing: antialiased;
  margin-left: 5px;
  font: 16px / 1 octicons;
  text-decoration: none;
  display: inline-block;
}

.status-indicator-success:before {
  color: #6cc644;
  content: "";
}

.status-indicator-failed:before {
  color: #bd2c00;
  content: "";
}

.select {
  vertical-align: middle;
  appearance: none;
  max-width: 100%;
  padding: 7px 24px 7px 8px;
  padding-right: 8px\9 ;
  background: #fff 0 0 / 8px 10px;
  background-image: none\9 ;
  display: inline-block;
  box-shadow: inset 0 -1px 2px #00000013;
}

.select:focus {
  border-color: #51a7e8;
  outline: none;
  box-shadow: inset 0 1px 2px #00000013, 0 0 5px #51a7e880;
}

.select::-ms-expand {
  opacity: 0;
}

.select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}

.select-sm:not([multiple]) {
  height: 26px;
  min-height: 26px;
}

.clearfix:after, .clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.centered {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.danger {
  color: #c00;
}

.mute {
  color: #000;
}

.text-diff-added {
  color: #55a532;
}

.text-diff-deleted {
  color: #bd2c00;
}

.text-open, .text-success {
  color: #6cc644;
}

.text-closed, .text-reverted {
  color: #bd2c00;
}

.text-merged {
  color: #6e5494;
}

.text-renamed {
  color: #fffa5d;
}

.text-pending {
  color: #cea61b;
}

.text-error, .text-failure {
  color: #bd2c00;
}

.muted-link {
  color: #767676;
}

.muted-link:hover {
  color: #4078c0;
  text-decoration: none;
}

.hidden {
  display: none;
}

.warning {
  background-color: #fffccc;
  margin-bottom: .8em;
  padding: .5em;
  font-weight: 700;
}

.error_box {
  background-color: #ffebe8;
  border: 1px solid #dd3c10;
  padding: 1em;
  font-weight: 700;
}

.btn {
  color: #333;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  background-color: #eee;
  background-image: linear-gradient(#fcfcfc, #eee);
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  position: relative;
}

.btn i {
  opacity: .6;
  font-style: normal;
  font-weight: 500;
}

.btn .octicon {
  vertical-align: text-top;
}

.btn .counter {
  text-shadow: none;
  background-color: #e5e5e5;
}

.btn:focus {
  outline: none;
  text-decoration: none;
  box-shadow: 0 0 5px #51a7e880;
}

.btn.selected:focus, .btn:focus, .btn:focus:hover {
  border-color: #51a7e8;
}

.btn.zeroclipboard-is-active, .btn.zeroclipboard-is-hover, .btn:active, .btn:hover {
  background-color: #ddd;
  background-image: linear-gradient(#eee, #ddd);
  border-color: #ccc;
  text-decoration: none;
}

.btn.selected, .btn.zeroclipboard-is-active, .btn:active {
  background-color: #dcdcdc;
  background-image: none;
  border-color: #b5b5b5;
  box-shadow: inset 0 2px 4px #00000026;
}

.btn.selected:hover {
  background-color: #cfcfcf;
}

.btn.disabled, .btn.disabled:hover, .btn:disabled, .btn:disabled:hover {
  color: #66666680;
  cursor: default;
  box-shadow: none;
  background-color: #e6e6e680;
  background-image: none;
  border-color: #c4c4c480;
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px #00000026;
  background-color: #60b044;
  background-image: linear-gradient(#8add6d, #60b044);
  border-color: #5ca941;
}

.btn-primary .counter {
  color: #60b044;
  background-color: #fff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #569e3d;
  background-image: linear-gradient(#79d858, #569e3d);
  border-color: #4a993e;
}

.btn-primary.selected, .btn-primary:active {
  text-shadow: 0 1px #00000026;
  background-color: #569e3d;
  background-image: none;
  border-color: #418737;
}

.btn-primary.selected:hover {
  background-color: #4c8b36;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary:disabled, .btn-primary:disabled:hover {
  color: #fefefe;
  background-color: #add39f;
  background-image: linear-gradient(#c3ecb4, #add39f);
  border-color: #b9dcac #b9dcac #a7c89b;
}

.btn-danger {
  color: #900;
}

.btn-danger:hover {
  color: #fff;
  background-color: #b33630;
  background-image: linear-gradient(#dc5f59, #b33630);
  border-color: #cd504a;
}

.btn-danger.selected, .btn-danger:active {
  color: #fff;
  background-color: #b33630;
  background-image: none;
  border-color: #9f312c;
}

.btn-danger.selected:hover {
  background-color: #9f302b;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger:disabled, .btn-danger:disabled:hover {
  color: #cb7f7f;
  background-color: #efefef;
  background-image: linear-gradient(#fefefe, #efefef);
  border-color: #e1e1e1;
}

.btn-danger.selected .counter, .btn-danger:active .counter, .btn-danger:hover .counter {
  color: #b33630;
  background-color: #fff;
}

.btn-outline {
  color: #4078c0;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e5e5e5;
}

.btn-outline .counter {
  background-color: #eee;
}

.btn-outline.selected, .btn-outline.zeroclipboard-is-active, .btn-outline.zeroclipboard-is-hover, .btn-outline:active, .btn-outline:hover {
  color: #fff;
  background-color: #4078c0;
  background-image: none;
  border-color: #4078c0;
}

.btn-outline.selected .counter, .btn-outline.zeroclipboard-is-active .counter, .btn-outline.zeroclipboard-is-hover .counter, .btn-outline:active .counter, .btn-outline:hover .counter {
  color: #4078c0;
  background-color: #fff;
}

.btn-outline.selected:hover {
  background-color: #396cad;
}

.btn-outline.disabled, .btn-outline.disabled:hover, .btn-outline:disabled, .btn-outline:disabled:hover {
  color: #767676;
  background-color: #fff;
  background-image: none;
  border-color: #e5e5e5;
}

.btn-with-count {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-sm {
  padding: 2px 10px;
}

.hidden-text-expander {
  display: block;
}

.hidden-text-expander.inline {
  margin-left: 5px;
  line-height: 0;
  display: inline-block;
  position: relative;
  top: -1px;
}

.hidden-text-expander a {
  color: #555;
  vertical-align: middle;
  background: #ddd;
  border-radius: 1px;
  height: 12px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 6px;
  text-decoration: none;
  display: inline-block;
}

.hidden-text-expander a:hover {
  background-color: #ccc;
  text-decoration: none;
}

.hidden-text-expander a:active {
  color: #fff;
  background-color: #4183c4;
}

.social-count {
  float: left;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 2px 7px;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
}

.social-count:active, .social-count:hover {
  text-decoration: none;
}

.social-count:hover {
  color: #4078c0;
  cursor: pointer;
}

.btn-block {
  text-align: center;
  width: 100%;
  display: block;
}

.btn-group {
  vertical-align: middle;
  display: inline-block;
}

.btn-group:after, .btn-group:before {
  content: "";
  display: table;
}

.btn-group:after {
  clear: both;
}

.btn-group .btn {
  float: left;
  position: relative;
}

.btn-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .btn.selected, .btn-group .btn:active, .btn-group .btn:hover {
  z-index: 2;
}

.btn-group .btn:focus {
  z-index: 3;
}

.btn-group .btn + .btn, .btn-group .btn + .button_to, .btn-group .button_to + .btn, .btn-group .button_to + .button_to {
  margin-left: -1px;
}

.btn-group .button_to {
  float: left;
}

.btn-group .button_to .btn {
  border-radius: 0;
}

.btn-group .button_to:first-child .btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn-group .button_to:last-child .btn {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.btn-group + .btn, .btn-group + .btn-group {
  margin-left: 5px;
}

.btn-link {
  font-size: inherit;
  color: #4078c0;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  -webkit-appearance: none;
  background-color: #0000;
  border: 0;
  padding: 0;
  display: inline-block;
}

.btn-link:focus, .btn-link:hover {
  text-decoration: underline;
}

.btn-link:focus {
  outline: none;
}

body, html {
  height: 100%;
}

.header {
  text-align: center;
  border-bottom: 6px solid #0c6d6d;
  height: auto;
  padding: 50px 15px 0;
  position: relative;
}

@media (width >= 520px) {
  .header {
    padding: 150px 0 0;
  }
}

.overlay {
  opacity: .3;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.content {
  position: relative;
}

.gradient {
  filter: progid:DXImageTransform. Microsoft. gradient(startColorstr= "#00b7ea", endColorstr= "#8ca246", GradientType= 1);
  background: linear-gradient(135deg, #00b7ea, #8ca246) fixed;
}

.title {
  color: #fff;
  letter-spacing: -1px;
  font-size: 40px;
}

@media (width >= 520px) {
  .title {
    font-size: 64px;
  }
}

.subtitle {
  color: #0c6d6d;
  font-size: 20px;
}

@media (width >= 520px) {
  .subtitle {
    font-size: 28px;
  }
}

.versions {
  color: #0f8484;
}

.btn-show-magic, .btn-show-magic:active, .btn-show-magic:focus {
  color: #fff;
  background: none;
  border-color: #fff;
  margin-top: 30px;
  padding: 18px 20px;
  font-size: 18px;
  line-height: 28px;
  transition: all .3s ease-in-out;
}

@media (width >= 520px) {
  .btn-show-magic, .btn-show-magic:active, .btn-show-magic:focus {
    margin-top: 50px;
    padding: 18px 30px;
    font-size: 24px;
    line-height: 32px;
  }
}

.btn-show-magic:active:hover, .btn-show-magic:focus:hover, .btn-show-magic:hover {
  color: #fff;
  box-shadow: none;
  background-color: #0c6d6d;
  border-color: #0c6d6d;
}

.btn-show-magic:active:hover:focus, .btn-show-magic:focus:hover:focus, .btn-show-magic:hover:focus {
  border-color: #0c6d6d;
}

.width-warning {
  color: #9e0000;
  margin: 10px 0;
  font-size: 12px;
  display: block;
}

@media (width >= 520px) {
  .width-warning {
    display: none;
  }
}

.more-magic {
  color: #0c6d6d;
  margin-top: 5px;
  display: block;
}

.github-buttons {
  margin-top: 20px;
  padding: 20px 0;
}

@media (width >= 520px) {
  .github-buttons {
    margin-top: 70px;
  }
}

.github-buttons iframe {
  margin: 0 10px;
}

.wrapper {
  width: 90%;
  margin: 20px auto 0;
  position: relative;
}

@media (width >= 520px) {
  .wrapper {
    width: auto;
    max-width: 520px;
    margin: 40px auto 0;
  }
}

a, h2 {
  color: #0c6d6d;
}

a {
  font-weight: 700;
}

.hide {
  display: none !important;
}

.footer {
  color: #fff;
  text-align: center;
  padding: 20px 0;
  position: relative;
}
/*# sourceMappingURL=index.4e2168cb.css.map */