body {
        background:  #160d1a;
        
        background-size: fit;
        background-repeat: no-repeat;
        background-position: top center;
        height: 100%;
        color: wheat;
        font-family: "Pixelify Sans";
        font-size: 1.1em;
        word-spacing: 0.2em;
        margin: 20px;}
      .frame {
        background: #603616;
        border: 6px double rgb(135,160,55);
        padding: 10px;
        width: 94%;
        box-sizing: border-box;
        max-width: 900px;
        margin: 0px auto;}
      .textbox {
        padding: 5px 4vw;}
      a, summary {
        color: rgb(135,160,55);
        padding: 2px 7px;}
      a, button, summary {
        border: 2px solid transparent;
        box-sizing: border-box;}
      button {
        font-family: "Pixelify Sans";
        font-size: 1em;
        word-spacing: 0.2em;
        color: rgb(135,160,55);
        padding: 2px 7px;
        background: transparent;
        border-radius: 0px;
        text-decoration: underline;}
      button:before {
        content: "♪ ";}
      button.stop {
        color: lightsalmon;}
      button.stop:before {
        content: "X ";}
      a:hover, a:focus, summary:hover, summary:focus, button:hover, button:focus {
        color: khaki;
        border: 2px solid khaki;
        outline: transparent;}
      a:before {
        content: "> "}
      
        
      
        
      details a:before {
        content: none;}
      img:not(.small) {
        width: 100%;}
      li::marker {
        content: "- ";}
      h1 {
        border-bottom: 6px double wheat;}
      hr {
        border: none;
        outline: none;
        border-bottom: 6px double wheat;}
      details {
        border: 2px solid rgb(135,160,55);
        padding: 5px;}