body {
  background-attachment: fixed;
  background-position:center;
  background-size: cover;
	background-image: linear-gradient(#75e2f8, #c7f3f2);
  font-family: "Arial", "Open Sans", sans-serif;
  font-size: 0.95em;
  color: #000012;
  }
  
a {
 color: #045086;
 }
  
small {
  font-size:0.7em;
  }
  
midsmall {
  font-size:0.85em;
  }
  
center {
  text-align:center;
  }
  
hr {
  background: #1894ca;
  border: 0px;
  height:2px;
  border-radius: 1px;
  margin: 25px;
  margin-left:15%;
  margin-right:15%;
  }
  
.box {
  border: 2px solid #1894ca;
  margin: 0 auto;
  width: 55em;
  background: #aae6ff;
  border-radius: 5px;
  margin-top: 1em;
  }
  
.title-bar {
  background: #1894ca;
  color: #fff;
  font-weight: bold;
  padding: 0.5em;
  }
  
.title-bar a {
  text-decoration: none;
  color: #fff;
  }
  
.right-buttons {
  float: right;
  word-spacing: 10px;
  }
  
.sidebar {
  background: #9fd6ee;
  }
  
.sidebar h3 {
  display: none;
  }
  
.sidebar-button a {
  text-decoration: none;
  }
  
.sidebar-button {
  padding: 0.2em;
  padding-bottom: 0.25em;
  display: inline-block;
  padding-left: 0.4em;
  padding-right: 0.4em;
  }
  
.sidebar-button:hover a {
  color: #2171a9;
  }
  
.box-inner {
  padding: 1.2em;
  padding-top: 0.7em;
  }
  
.footnote {
  font-size: 0.85em;
  margin: 1.1em;
  font-style: italic;
  text-align: center;
  }
  
.theramenisalie {
  margin: 0 auto;
  text-align: center;
  font-size: 0.6em;
  }
  
/*special classes for conlang pages*/
.word {
  min-width: 160px;
  display: inline-block;
  }
  
.big-quote {
  font-style: italic;
  font-family: "Liberation Serif", "Georgia", serif;
  text-align: center;
  font-size: 17px;
  }
  
/*special classes for song lyric formatting*/
.song {
  margin-left: 10px;
  }

.lyrics {
  font-size: 13px;
  }

.shift {
  margin-left: 5%;
  }
  
/*narrow/mobile css*/

@media(max-width: 60em) {
  .box {
    width: 92%;
    }
  }
  
@media(orientation: portrait) {
  .box {
    width: 92%;
    }
  }