body {
  background-color: black;
  color: lightgrey;
  font-size: 3vw;
  font-family: Arial, Helvetica, sans-serif;
}

main {
  margin: 1em;
}

textarea {
  width: 100%;
  height: 95%;
  font-size: 5vw;
}

ul {
  list-style-type: none;
}

.center {
  text-align: center;
}

.gratitude {
  text-align: left;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style-type: none;

  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%; /* Required for breaking of long strings without whitespace */
}

.entry {
  font-size: 5vw;
  margin: 1vh;
}

.entrybutton {
  font-size: 10vmin;
  height: 100%;
}

#nav {
  margin: auto;
  width: 50%;
  text-align: center;
}


#inputgridwaiting {
  height: 28vh;
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: row;
}

#inputgridfocus {
  height: 45vh;
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: row;
}

.configsection {
  margin: 2vh;
}

.configsection p {
  word-wrap: normal;
}

.big {
  font-size: 10vw;
}

.entry_button {
  font-size: 4vw;
  height: 90%;
  margin-left: 1vh;
}

.history_time {
  font-size: 2.33vw;
}

#export_button {
  font-size: 4vw;
  height: 90%;
}

.download {
  text-decoration: none;
  color: black;
}