.topimage {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
  }
  .sheetmusic {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: 70%;
  }
  .sheetmusic2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 50%;
  }


  .intropic{
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* width: 100%;
    height: 100%; */
  }
  .smallpiano {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 300px;
  }
  .partialpiano {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    height: 300px;
  }
  
  h1, h2, h3{
    text-align: center;
  }
  body{
      font-family:  "Palatino Linotype", "Book Antiqua", Palatino, serif;
      font-size: xx-large;
  }
  .footnote{
      font-size: medium !important;;
  }
  sup{
      font-size: medium;
  }
  .author{
    display: block;
    margin-left: auto;
    margin-right: auto;
      width: 20% !important;
      height: 20% !important;;
  }
  .authorname{
      text-align: center;
      height: 100%;
      /* width: 100%; */
      
  }
iframe{
      align-content: center;
      display: block;
      margin: 0 auto;
      border: 0;;
  }
  .centered{
      text-align: center;
  }
.intro{
  line-height: 75%;
}
.stafflines{
  margin: 0;
  padding: 0;
  font-family: 'Courier New', monospace;
}
.hasborder{
  border-style: solid;
  border-width: thin;
  border-spacing: 40px;
}
/* a {
  color: black;
} */
a:hover {
  color: red;
}
p{
  margin-right: 3em;
  margin-left: 3em;
}
.indent{
  text-indent: 10%;
}
.fa {
  font-size: 18px;
 
}
.backtotoc{
  font-size: 12px
}