body {
    -webkit-font-smoothing: antialiased;
    font-family: 'Arial', sans-serif;
    font-weight: 400;
    font-size: 40px;
    text-align: center;
    bottom: 40px;
    left: 16px;
    color: #ffffff;
    box-sizing: inherit;
    max-width: 100%;
    border: 0;
    width: auto;
    height: auto;
    background-color: rgba(0, 200, 255, 1);
    padding: 8px;
}
h1 {
    font-size: 80px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-family: monospace;
    white-space: pre;
    font-size: 20px;
    text-align: left;
}
h5 {
    font-size: 8px;
}
pre {
    font-family: 'Courier', sans-serif;
    font-size: 18px;
    text-align: left;
}
.topleft {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #58c7fc;
  box-sizing: inherit;
  max-width: 100%;
  border: 0;
  width: 300px;
  height: auto;
  display: block;
}
input[type=text] {
  font-family: monospace;
  font-size: 20px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
}
button {
  font-family: monospace;
  font-size: 20px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;

  background-color: #ffffff;
  color: #222222;
}
select {
  font-family: monospace;
  font-size: 20px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;

  background-color: #ffffff;
  color: #222222;
}
input[type=button] {
  font-family: monospace;
  font-size: 20px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;

  background-color: #ffffff;
  color: #222222;
}
input[type=file] {
  font-family: monospace;
  font-size: 20px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;

  background-color: #ffffff;
  color: #222222;
}
input[type=button]:hover {
  font-family: monospace;
  font-size: 20px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;

  background-color: #dddddd;
  color: #222222;
}