body {
  background-color: gainsboro;
}

main {
  text-align: center;
}
.border {
  margin: 1em auto;
  padding: 1em;
  width: min-content;
  border: 1px solid green;
}

.title {
  display: inline;
}

h1 {
  font-family: monospace;
}

button {
  margin: 2em 0;
  padding: 1em 5em;
  background-color: dodgerblue;
}

.buttons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
}

.buttons > a {
  align-self: center;
  width: 8em;
  padding: 0.5em;
  text-decoration: none;
  background-color: dodgerblue;
  margin: 0.5em;
  border-radius: 1em;
  box-shadow: 10px 5px 5px black;
}

@media (max-width: 400px) {
  body {
    font-size: 30px;
  }

  .border {
    width: 70vw;
  }
  .border a {
    font-size: 20px;
  }

  .info {
    font-size: 20px;
  }
}