@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input,
  button {
    font-size: 16px;
  }
}

pre {
  font-size: 12px !important;
}

html,
body {
  background: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 1%;
}

#logo {
  width: 305px;
  height: 153px;
}

.centre, h1, form, logo {
  display: table;
/*  margin-left: auto;
  margin-right: auto;
  text-align: center; */
}

.formLabel {
  text-align: right;
}

h1 {
  font-size: 20px;
}

h2 {
  font-size: 18px;
}

#goodToGo {
  font-size: 20px;
  color: #2dec2d;
}

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

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */
}

.renderjson a              { text-decoration: none; color: white;}
.renderjson .disclosure    { color: coral; font-size: 200%; }
.renderjson .syntax        { color: grey; }
.renderjson .string        { color: bisque; }
.renderjson .number        { color: cyan; }
.renderjson .boolean       { color: plum; }
.renderjson .key           { color: lightblue; }
.renderjson .keyword       { color: lightgoldenrodyellow; }
.renderjson .object.syntax { color: lightseagreen; }
.renderjson .array.syntax  { color: lightsalmon; }

#JSONResponse{
    text-shadow: none;
    background: #303030;
    padding: 1em;
}