html {
  line-height:1.4em;
}

body {
/*  background-image: url("cha.svg"); */
  background-color: transparent;
  font-family: Georgia, serif;
  background-color: white;
  max-width:60em;
  margin:auto;
}
input { background-color: white; }
input#phrase { max-width:50%; min-width:50%; border-radius:5px; }
input[type="submit"] { /* obsolete? */
  font-family: Georgia, serif;
  font-weight: bold;
  border-radius: 8px;
}
button[type="submit"] {
  font-family: Georgia, serif;
  font-weight: bold;
  border-radius: 8px;
  font-size:medium;
  background-color:lightgray;
  color:black;
}
.buttonimg {
  height:1em;
  vertical-align:middle;  
}
textarea { background-color: transparent; }
h1 { text-align:center; }
fieldset {
  margin-top: 1em;
  margin-bottom: 1em;
  border-radius: 10px;
  border-width: 0;
  background-color: whitesmoke;
}
fieldset fieldset { background-color: white; margin-left:2em; }
legend { font-style:italic; color:#00c060; }
ul {
  list-style-type: none;
  margin-top:0;
  margin-bottom:0;
  padding-left:1em;
}
a { color: #00c060; }
#banner {
  background-color: #FFE0C0;
  width: 100%;
  font-size: 25px;
  margin-bottom: 0.5em;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
}
#name {
    font-weight: bold;
    font-size: larger;
}
.chacolor {			/* color of the svg */
    color: #00C060;
}
.borderchacolor {		/* color of the svg */
    border-color: #00C060;
}
.spacious {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.bannerimg {
/* display:none;*/ /*change to 'inline' if SVG images are supported*/
  opacity:0; /*change to 'inline' if SVG images are supported*/
  vertical-align:middle;
  width:35px;
  height:35px;
  margin-bottom: -3px;
}
.suggestLink {
	background-color: white;
  padding: 2px 6px 2px 6px;
}
.suggestLinkOver {
  background-color: #00C060;
  padding: 2px 6px 2px 6px;
}
.searchSuggest {
  position: absolute; 
  background-color: white; 
  text-align: left;
  border: 1px solid black;
  box-shadow: 10px 10px 5px gray;
  z-index: 100;
  display:none;
  /* measurements just below search input: */
  top: 3em;
  left: 1em;
}
.fieldsetcontainer {
  background-color: #FFE0C0;
  padding:2px;
}
.fieldsetcontainer fieldset > legend {
  background-color: #FFE0C0;
}
.pic {
  max-width:80%;
  margin-left:10%;
  margin-top:1em;
}
.nowrap {
  white-space:nowrap;
}

@media screen and (min-width: 450px),
       print and (min-width: 450px) {
  #translation {
    display: inline-block;
    vertical-align: top;
    max-width: 65%;
  }
  #links {
    display: inline-block;
    vertical-align: top;
/*    max-width: 30%; */
    width: 30%;
  }
}
@media screen and (max-width: 449px),
       print and (max-width: 449px) {
  #links {
    /*padding-top: 1em;*/
  }
}