@font-face {
    font-family: birdSeed;
    src: url(assets/bird_seed.ttf);
}

body {
  background-image: url("assets/background.png");
  margin: 0;
color: white;
font-family: birdSeed;
}

.letter {
    height: 80px;
   image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

.z {
    margin-left: 20px;
}

#letters {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 2em;
}

#main {

  display: flex;
  flex-direction: column;
  text-align: left;
  /* align-items: center; */
  justify-content: center;
  /* width: 100%; */
  margin: 1.5em;
  line-height: 150%;
  font-size: 1.25em;
}

#privacy {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 5px;
}

footer {
  margin-top: 2em;
}

#title{
  width: 100%;
  text-align: center;
  font-size: 4em;
  line-height: 120%;
  margin-top: 1em;
}

#lead {
  font-size: 2em;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#feedback {
  width: 100%;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  color: gold;
  a:link {
    color: gold;
  }

  a:visited {
    color: gold;
  }

  a:hover {
    color: hotpink;
  }

  a:active {
    color: chocolate;
  }
}


#media_links {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#changelog, #roadmap, #beta {
margin-top: 3em;
max-width: 50em;
align-self: center;
}

#changelog_title, #roadmap_title, #beta_title {
    font-size: 2.5em;
    margin-bottom: 2em;
    text-align: center;
}

.date {
    color: gold;
}

.change_title {
    color: gold;
}

.change_title {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: 3em;
}

#privacy_policy {
  font-family: sans-serif;
}

#privacy_policy_title {
  font-size: 2em;
  /* line-height: 150%; */
}

.privacy_policy_section {
  font-weight: bold;
  font-size: large;

}

.privacy_policy_sub_section {
  font-weight: bold;
}


a {
    text-decoration: none;
}

 /* unvisited */
a:link {
  color: chartreuse;
}

a:visited {
  color: chartreuse;
}

a:hover {
  color: hotpink;
}

a:active {
  color: chocolate;
}