h1 {
  font-family: "Courier New", Courier, monospace;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 5vw;
  /*min-height: 100vh;*/
}

.set {
  display: inline-block;
}

.recorded {
  text-decoration:line-through;
}

.delete_button {
  padding-top: 1em;
}

#debug_panel {
    height: 20em; 
    line-height: 1em;
    overflow: hidden;
}

.state {
  font-size: 4vw;
  width: 100%;
}

#sentence_panel {
  display: block;
}

.script {
  font-size: 4vw;
  border: 2px solid purple;
  border-radius: 5px;
  margin: 1em;
  padding: 0.5em;
  font-family: Georgia, se;
}

hh {
  display: block;
  margin: 1vw;  
  font-size: 1vw;
  font-family: "Courier New", Courier, monospace; 
/*  border: 2px solid blue;*/
}

edit {
  display: block;
  visibility: hidden;
  margin: 1vw;  
}

hello {
  display: block;
  font-family: monospace;
  white-space: pre-wrap;
  margin-left: 0.5em;
  overflow-wrap: normal;
}

#voice {
  width: 100%;
  font-family: "Courier New", Courier, monospace; 
}

#dialButton {
  font-size: 1.5em;
}

#diaryButton {
  font-size: 1.5em;
}

@media screen and (max-width: 800px) {
  .state {
    font-size: 9vw;
  }

  .script {
    font-size: 7vw;
  }
}