body {
  font-size: 20pt;
  overflow-y: scroll;
}
.main {
  font-family: "Overpass Mono" monospace;
  line-height: .8;
}
.stanzabox {
  width: 80%;
  margin: 0 auto;
  font-weight: bold;
  text-align: right;
  padding-top: .5em;
}
.menu {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 10px;
  line-height: 1.5;
  text-align: justify;
}
.menu table {
  width: 100%;
  text-align: center;
}
.searchsuggestionbox {
  width: 80%;
  height: 1.5em;
  margin: 0 auto;
  padding: 0;
}
.searchbox {
  width: 100%;
  /*border: solid lightgray 1px;*/
  /*border-radius: 10px;*/
  height: 1em;
  padding: .5em;
  margin: 0 auto;
}
.searchtext {
  width: 100%;
  margin: 0 auto;
}
.suggestionbox {
  /*border: solid lightgray 1px;*/
  /*border-radius: 10px;*/
  width: 80%;
  margin: 0 0;
  padding-left: .5em;
  background: white;
  opacity: 0.5;
}
.suggestion {
  font-weight: bold;
}
h1 {
  text-align: center;
}
a {
  text-decoration: none;
}
.gblue { color: #4285f4; }
.gred { color: #db4437; }
.gyellow { color: #f4b400; }
.ggreen { color: #0f9d58; }

.selected {
  font-weight: bold;
}
.disabled {
  color: gray;
}
.space {
  padding: 20px;
}