body {
  background:       #030620;
  color:            #ffffff;
  font-size:        1em;
}
.form-control {
  background:       #2c3e50;
  border:           #000000;
  color:            #ffffff;
}
.form-control:focus {
  background:       #2c3e50;
  border:           #000000;
  color:            #ffffff;
}

.header_bar {
  margin-top:       1em;
  margin-bottom:    1em;
}
.footer_bar {
  margin-top:       1em;
}
.origin {
  font-size:        0.7em;
}
.content {
  font-size:        1.1em;
  display:          block;
}
.loading {
  margin-top:       1em;
  display:          none;
}
.result {
  display:          none;
}
#error {
  display:          none;
}
kbd {
  display:          block;
  margin-left:      auto;
  margin-right:     auto;
}
pre {
  color:            #ffffff;
  background-color: #2c3e50;
  text-decoration:  none;
  margin-left:      auto;
  margin-right:     auto;
  padding-left:     1%;
  padding-right:    1%;
}
a {
  color:            #ffffff;
  text-decoration:  none;
}
a:hover {
  color:            #ffffff;
  text-decoration:  none;
}
.modal-content{
  background: #2c3e50;
}