@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
html, body { 
    margin: 0;
    background-color:#000020;
    color: #E3CEAB;
    font-family: 'Press Start 2P', monospace;
}
main {
    text-align: center;
    margin-top: 10%;
}
h1, h2 { font-weight:normal; }
h1 { font-size: 36px; }
h2 { font-size: 13px; }
footer {
  width: 100%;
  height: 30%;
  background-image: url('./sor-city.gif');
  background-size: contain;
  background-repeat: repeat-x;
  background-position: left bottom;
  position: absolute;
  bottom: 0;
}
footer>div {
  color: #999;
  font-size: 7px;
  letter-spacing: -1px;
  position: absolute;
  bottom: 0;
  left: 10px;
  padding-bottom: 5px;
}
footer>div>a {
  color: #999;
}
#input {
    width: min(400px, calc(100vw - 40px));
    height: 100px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    resize: none;
}
@media (max-width: 480px) {
    h1 { font-size: 22px; }
    h2 { font-size: 10px; }
}
#qrcode {
    margin-top: 20px;
}