body {
  background-color: #000000;
  font-family: monospace;
  color: #FFF;
  font-weight: medium;
  font-size: large;
  justify-content: center;
  align-items: center;
}

p, pre, div {
  text-align: center;
  margin: 2em auto;
  width: 40%;
}

img {
  max-width: 60%;
  max-height: 60%;
}

table {
  width: 100%;
  height: 100%;
  border: 0;
}

input,
.button {
  color: #FFFFFF;
  background: #000000;
  border: 2px solid #b0b0b0;
  font-family: inherit;
  border-radius: 6px;
  width: 45%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

input:hover,
input:focus,
.button:hover {
  background-color: #000000;
  color: #FFFFFF;
  border: 2px solid #54FFFF;
}

.button:active,
input,
input:hover {
  text-indent: 7px;
}

input:focus {
  text-indent: 7px;
  border: 2px solid #FF54FF;
  outline: none;
}

.button:active {
  opacity: 0.5;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../style.css%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGE;EACA;EACA;;;AAEF;AAAA;AAAA;EAGC;;;AAED;EACC;EACA;EACA;;;AAGD;EACE%22,%22file%22:%22style.css%22%7D */