@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css');
@import 'button.css';

body {
  /* font-family: 'Roboto', sans-serif; */
  background-color: wheat;
  color: #0008;
}

#app {
  margin: 50px auto;
  max-width: 550px;
  text-align: center;
  border-radius: 1rem;
}

#content {
  background: #fff6;
  border-radius: 2rem;
  padding: 10px;
  margin-top: 60px;
}

h2 {
  color: #333;
  margin-bottom: 50px;
}

.link {
  text-decoration: none;
}

nav .link {
  min-width: 120px;
  margin: 0 20px;
}

nav {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) {
  #app {
    /* position: absolute;
    margin: auto !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); */
  }
}