body{font-family:Arial,sans-serif;color:#343434;margin:0}a{color:#345}.list.horizontal{margin:0;padding:0;list-style:none;display:flex;flex-flow:row wrap}.list.horizontal>li{padding:.5em}.page{width:95%;max-width:90em;margin-left:auto;margin-right:auto;padding:1rem;padding-bottom:2rem;background-color:#fff}.page>h1{margin:0;padding:0}.wrap{margin-bottom:1rem}.controls{display:flex;flex-flow:row wrap;align-items:center;margin-bottom:1rem;font-size:small}.neck{min-width:30em;border-bottom:none;border-left:1px solid #444;border-right:3px solid #444;display:grid;grid-template-columns:repeat(25, 1fr);background-color:#ba8c63;background-image:linear-gradient(to bottom, #BA8C63, #d9c0aa 60%, #a27248);margin-bottom:1rem;margin-top:1rem}.fret-numbers{min-width:30em;display:grid;grid-template-columns:repeat(25, 1fr)}ul.fret-numbers{list-style-type:none;margin:0;padding:0}ul.fret-numbers>li{margin:0;padding:0;text-align:center;color:#ccc;font-size:small}.fret{border-right:1px solid #444;height:131px;display:grid}.fret:nth-of-type(1){border-right-width:6px}.fret:nth-of-type(13){border-right-width:2px}.string{border-top:1px solid #444;display:flex;font-size:small;font-weight:bold;color:rgba(0,0,0,.3);align-items:center;justify-content:center}.note{cursor:pointer;width:25px;height:25px;text-align:center;position:relative;top:-12px;border-radius:50%}.note.in-scale{background-color:#000;color:#fff}.note.root-note{background-color:#ff3737;color:#fff}.note .note-name{position:relative;top:20%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bottom-string{background-color:#fff;border-bottom:none;border-left:none;border-right:none}div[id*=mode-element]{display:inline}div[id*=widget]{border-top:1px solid #888;margin-top:10px;padding-top:6px}.fret-marker{position:relative;top:-45px;left:4px;background-color:#fff;height:5px;width:5px;border-radius:50%}.fret-marker-octave{position:relative;top:-75px;left:4px;background-color:#fff;height:5px;width:5px;border-radius:50%}.btn{font-size:14px;padding:6px 12px;margin-bottom:0;display:inline-block;text-decoration:none;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid rgba(0,0,0,0)}.btn:focus,.btn:active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-add{color:#fff;background-color:#3cb371;border-color:#ccc}.btn-add:focus{color:#fff;background-color:#3cb371;border-color:#8c8c8c}.btn-add:hover{color:#fff;background-color:#3cb371;border-color:#adadad}.btn-add:active{color:#fff;background-color:#3cb371;border-color:#adadad}.add-widget{display:inline;float:right}.title{display:inline}.btn-remove{color:#fff;background-color:#ff3918;border-color:#ccc}.btn-remove:focus{color:#fff;background-color:#ff3918;border-color:#8c8c8c}.btn-remove:hover{color:#fff;background-color:#ff3918;border-color:#adadad}.btn-remove:active{color:#fff;background-color:#ff3918;border-color:#adadad}.add-widget{display:inline;float:right}.title{display:inline}.remove-widget{display:inline;float:right;padding:0;height:20px;width:20px}html,body{height:100%;margin:0}.wrapper{min-height:100%;margin-bottom:-60px}.footer,.push{height:50px}.donate{height:40px;padding:10px;display:inline;float:right}.donate img{height:40px}/*# sourceMappingURL=style.css.map */