body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#intro {
  font-family: 'Fira Code', monospace;
  text-align: center;
  font-size: 1.5rem;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  padding: 24px;
  border-radius: 10px;
  max-width: 200px;
}

#venmo_logo {
  color: black;
  width: 100%;
  margin: 12px 0px;
}

#venmo_qr_code {
  width: 100%;
}

@media only screen and (max-device-width: 450px) and (orientation: portrait) {
  #intro {
    font-size: 3rem;
  }
  .card {
    max-width: 100%;
    margin: 48px;
  }
}