.main {
  height: 100%;
  width: 100%;
  display: flex;
}
.text-div {
  margin: auto;
  width: 400px;
  text-align: center;
  font-family: monospace;
  color: white;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}
.env {
  font-size: 3em;
  flex: 0 1 auto;
}
.links {
  font-size: 1.5em;
  display: flex;
  flex: 0 1 auto;
}
.link {
  margin: 5px;
  flex: 1 1 auto;
}
.link a {
  color: white;
}
.github-link {
  flex: 0 1 auto;
}
.github-link img {
  width: 100px;
}

.main {
  height: 100%;
  width: 100%;
  display: flex;
}
.text-div {
  margin: auto;
  width: 300px;
  text-align: center;
  font-family: monospace;
  color: white;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}
.env {
  font-size: 3em;
  flex: 0 1 auto;
}
.links {
  font-size: 1.2em;
  display: flex;
  flex: 0 1 auto;
}
.link {
  margin: 5px;
  flex: 1 1 auto;
}
.link a {
  color: white;
}
.github-link {
  flex: 0 1 auto;
}
.github-link img {
  width: 100px;
}

@media screen and (min-width: 400px) {
  .text-div {
    width: 400px;
  }
  .links {
    font-size: 1.5em;
    display: flex;
    flex: 0 1 auto;
  }
}

Add media queries to support mobile devices
Add media queries to support mobile devices
