body {
    background:white;
    color:black;
    font-size:42px;
    font-family: 'Nunito', sans-serif;
    margin:0;
  }
  .homepic {
    width:100%;
    height:100%;
    background-size: cover;
    background-position: top;
    background-repeat:no-repeat;
  }
  .mainpic {
    background-image:url("images/Saxnight.jpg")
  }
  .sheetpic {
    background-image:url("images/Saxbranchstare.jpg")
  }
  .recordpic {
    background-image:url("images/SoWhatJam.png");
    background-position: center
  }
  .menu_bar {
    height:60px;
    width: 100%;
    background:rgba(0,0,0,.6);
    top:0;
    left:0;
    position:fixed;
    z-index: 10
  }
  .menu {
    width:1000px;
    height: 100%;
    display:flex;
    align-items: center;
    justify-content:space-between;
    color:white;
    margin: 0 auto;
    font-size: 70%;
    font-family: 'Fredoka One', cursive;
  }
  .menupages {
    font-size: 85%;
  
  }
  .menu a {
    color:inherit;
    text-decoration:inherit;
    font-family:inherit;
  }
  .social img {
    width:60px
  }
  .social {
    display: flex;
    align-items: center;
    gap: 30px;
    width: 100%;
    margin-top: 15px
  }
  .social_icon {
    width: 32px; height: 32px;
    background-size: 32px 32px;
  }
  .social_icon .instagram {
    background-image: url('images/insta.png');
  }
  .bigname {
    position: fixed;
    top: 20%;
    right: 8%;
    font-family: 'Fredoka One', cursive;
    color: white;
    font-size: 100px;
    text-shadow: black 2px -2px
  }
  .pagetitle{
    top: 50%;
    right: 50%;
    position: absolute;
  }
  .pages {
    font-size: 60px;
    margin-top: 15px
  }
  .bigname a {
    color: inherit;
    text-decoration: none
  }
  a.sheetlink:hover {
    color: #81EDEF
  }
  a.recordlink:hover {
    color: deeppink
  }
  .separator {
    margin:0 10px
  }
  .mainLink:hover {
    color:forestgreen
  }
  div.sheetstuff, div.opencontent {
    margin: 5% 10%;
  }
  #sheetmenu div {
    font-family: 'Fredoka One', cursive;
    padding: 20px;
    border-radius: 5px;
    align-items: center;
    height: 120px
  }
  div.sheetgallery {
    margin: 50px 0;
  }
  .sheetgallery div {
    background: white;
  }
  .sheetgallery div.raccoon {
    display: flex;
    gap: 20px;
    margin: 0 0 50px
  }
  .sheetgallery div.raccoon .icon {
    flex: 1;
    border: solid grey 5px
  }
  .sheetgallery div.raccoon .icon img {
    width: 100%
  }
  .songinfo {
    flex: 1.3
  }
  .title {
    font-size: 25px;
    margin-top: 10px
}

  .year {
   font-size: 18px 
  }
  .description {
   font-size:  18px
  }
  div.lead, #leadopen {
    background: rgba(234, 116, 107, 1)
  }
  div.lead:hover {
    background: rgba(234, 116, 107, .8)
  }
  div.concert, #concertopen {
    background: rgba(137, 209, 92, 1)
  }
  div.concert:hover {
    background: rgba(137, 209, 92, .8)
  }
  div.bigband, #bigbandopen {
    background: rgba(93, 164, 208, 1)
  }
  div.bigband:hover {
    background: rgba(93, 164, 208, .8)
  }
  div.orchestra, #orchestraopen {
    background: rgba(195, 118, 208, 1)
  }
  div.orchestra:hover {
    background: rgba(195, 118, 208, .8)
  }
  .composeText {
    font-size: 25px;
    margin: 50px 0;
  }
  .open {
    font-family: 'Fredoka One', cursive;
    color: white;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
  }
  .compheading {
    display: flex;
    gap: 60px;
    height: 80%
    }
  .compheading img {
    max-height: 100%;
    border: 5px solid rgba(0, 0, 0, 0.5);
  }
  select {
    font-size:20px;
    font-family:'Nunito',sans-serif;
    border:none;
    background:none
  }
  .instlist a {
    color:inherit;
    text-decoration: none
  }
  .instlist a:hover {
    font-weight:bold
  }