body{background-color:#1b1833;font-family:'Courier New',Courier,monospace;color:#fff}div#grid{display:grid;grid-template-columns:repeat(32,auto)}div.note{background-color:#441752;width:auto;height:12px;border:1px solid #ab4459;text-align:center;text-justify:auto;font-size:x-small;color:#fff;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}div.note.Active{background-color:#ab4459;color:#fff}div.note.Played{background-color:#000;color:#fff}div.note.Active.Played{background-color:#fff;color:#000}div.note:hover{background-color:#f29f58;color:#000}div#rest{display:block}div#controls{float:left}div#info{float:right}span.i-title{font-size:4em}span.i-subtitle{font-size:2em}span.i-text{font-size:1em}a:link{color:#fff;background-color:#fff0}a:visited{color:#fff;background-color:#fff0}a:hover{color:#fff;background-color:#fff0;text-decoration:underline}a:active{color:#fff;background-color:#fff0;text-decoration:underline}.slider{display:flex;flex-direction:row;align-items:center}.slider-label{width:120px}.slider-input{width:130px}