body {
  margin: 0;
  background-image: url(images/prelaunch_goofiness/trees3.gif);
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 1px;
}

a {
  color: white;
}

.viewport {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.text-box {
  height: auto;
  width: auto;
  margin: 1vh;
  background-color: #d1d1b3;
  border-radius: 1vh;
  justify-content: center;
  align-items: center;
  border: 0.5vh solid #808080;
}

.logo {
  font-size: 1vh;
  text-align: center;
  font-family: 'Macondo Swash Caps', cursive;
  font-weight: 400;
  font-style: normal;
  padding: 0vh 0vh 0vh 0vh;
}


.title {
  font-size: 6vh;
  text-align: center;
  font-family: 'Macondo Swash Caps', cursive;
  font-weight: 400;
  font-style: normal;
  padding: 0vh 0vh 0vh 0vh;
}

.subtitle {
  font-size: 3vh;
  text-align: center;
  font-family: 'Macondo Swash Caps', cursive;
  font-weight: 400;
  font-style: normal;
  padding: 0vh 2vh 1vh 2vh;
}

.footer {
  font-size: 2vh;
  text-align: center;
  font-family: "Macondo", cursive;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  padding: 1vh 1vh 0vh 1vh;
  color: #d1d1b3;
  position: absolute;
  bottom: 1vh;
}