.tab {
    border: none;
    border-top: 1px solid green;
    clear: right;
    float: left;
    font-family: consolas, "DejaVu Sans Mono", courier, monospace;
    font-size: 1em;
    height: auto;
    margin-left: 1em;
    min-height: 80vh;
    min-width: 80vw;
    padding-left: 1em;
    padding-top: 2em;
    white-space: pre-wrap;
  }

.preview {
    & * {
      font-family: verdana, "dejavu sans", sans-serif !important;
    }

    & html {
        border-top: 5px solid black;
        font-family: verdana, "dejavu sans", sans-serif;
        font-size: 12pt;
        height: 100%;
        width: 100%;
    }

    & body {
        border-top: 2px dotted black;
        font-family: verdana, "dejavu sans", sans-serif;
    }
}

#band {
    & .chord, .notes { display: inline; }

    & .singer, .capo, .overflow, .chords { display: none;}
}

#singer {
    & .chord, .notes, .capo, .overflow, .chords { display: none; }
    & .singer { display: inline;}

}

.title {
 font-weight: bold 
}

/* this is the clear button in the URL input */
::-ms-clear {
  display: none;
}

.form-control-clear {
  cursor: pointer;
  pointer-events: auto;
  z-index: 100;
  position: absolute;
  right: 10px;
}