-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
16 lines (13 loc) · 671 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Diagrammes de gammes au trombone</title>
<meta charset="UTF-8">
<link rel="icon" href="text.png">
<style type="text/css">
circle { stroke: black; }
</style>
</head>
<body>
<div id="app"><div><h1>Schémas pour quelques gammes au trombone</h1><h2>Table des matières</h2><ul><li><a href="#comment">Fonctionnement des schémas</a></li><li><a href="#chro">Gammes chromatiques</a> (<a href="#chro-asc">asc</a> - <a href="#chro-desc">desc</a>)</li><li><a href="#une-pos">Notes par nombre de positions</a></li><li>Gammes majeures : <a href="#M-C">C</a>-<a href="#M-Df">D♭</a>-<a href="#M-D">D</a>-<a href="#M-Ef">E♭</a>-<a href="#M-E">E</a>-<a href="#M-F">F</a>-<a href="#M-Fs">F♯</a>-<a href="#M-Gf">G♭</a>-<a href="#M-G">G</a>-<a href="#M-Af">A♭</a>-<a href="#M-A">A</a>-<a href="#M-Bf">B♭</a>-<a href="#M-B">B</a></li><li>Pentas majeures : <a href="#P-C">C</a>-<a href="#P-Df">D♭</a>-<a href="#P-D">D</a>-<a href="#P-Ef">E♭</a>-<a href="#P-E">E</a>-<a href="#P-F">F</a>-<a href="#P-Fs">F♯</a>-<a href="#P-Gf">G♭</a>-<a href="#P-G">G</a>-<a href="#P-Af">A♭</a>-<a href="#P-A">A</a>-<a href="#P-Bf">B♭</a>-<a href="#P-B">B</a></li><li>Triades majeures : <a href="#T-C">C</a>-<a href="#T-Df">D♭</a>-<a href="#T-D">D</a>-<a href="#T-Ef">E♭</a>-<a href="#T-E">E</a>-<a href="#T-F">F</a>-<a href="#T-Fs">F♯</a>-<a href="#T-Gf">G♭</a>-<a href="#T-G">G</a>-<a href="#T-Af">A♭</a>-<a href="#T-A">A</a>-<a href="#T-Bf">B♭</a>-<a href="#T-B">B</a></li><li>Gammes mineures : <a href="#m-C">C</a>-<a href="#m-Cs">C♯</a>-<a href="#m-D">D</a>-<a href="#m-Ds">D♯</a>-<a href="#m-Ef">E♭</a>-<a href="#m-E">E</a>-<a href="#m-F">F</a>-<a href="#m-Fs">F♯</a>-<a href="#m-G">G</a>-<a href="#m-Gs">G♯</a>-<a href="#m-A">A</a>-<a href="#m-Bf">B♭</a>-<a href="#m-B">B</a></li><li>Pentas mineures : <a href="#p-C">C</a>-<a href="#p-Cs">C♯</a>-<a href="#p-D">D</a>-<a href="#p-Ds">D♯</a>-<a href="#p-Ef">E♭</a>-<a href="#p-E">E</a>-<a href="#p-F">F</a>-<a href="#p-Fs">F♯</a>-<a href="#p-G">G</a>-<a href="#p-Gs">G♯</a>-<a href="#p-A">A</a>-<a href="#p-Bf">B♭</a>-<a href="#p-B">B</a></li><li>Triades mineures : <a href="#t-C">C</a>-<a href="#t-Cs">C♯</a>-<a href="#t-D">D</a>-<a href="#t-Ds">D♯</a>-<a href="#t-Ef">E♭</a>-<a href="#t-E">E</a>-<a href="#t-F">F</a>-<a href="#t-Fs">F♯</a>-<a href="#t-G">G</a>-<a href="#t-Gs">G♯</a>-<a href="#t-A">A</a>-<a href="#t-Bf">B♭</a>-<a href="#t-B">B</a></li><li><a href="#tricks">Ruses</a></li><ul><li><a href="#trick-do-re-mi">Do, Ré, Mi</a></li><li><a href="#trick-si-do-re-mi-fa">Si, Do, Ré, Mi, Fa</a></li><li><a href="#trick-fa-la-do">Fa, La, Do</a></li><li><a href="#trick-5ta-min">Penta mineure</a></li></ul><li><a href="#topologie">Topologie du trombone</a> (visualisation des positions alternatives)</li><li><a href="#contact">Contact</a></li></ul><h2 id="comment">Fonctionnement des schémas</h2><p>La coulisse est représentée par un trait vertical, position 1 en bas, position 7 en haut. Des petits marqueurs indiquent les positions 3 et 5.</p><svg width="50" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><text x="22" y="164" font-size="20">1</text><text x="22" y="146" font-size="20">2</text><text x="22" y="125" font-size="20">3</text><text x="22" y="101.00000000000001" font-size="20">4</text><text x="22" y="75.5" font-size="20">5</text><text x="22" y="46.99999999999999" font-size="20">6</text><text x="22" y="14" font-size="20">7</text></g></svg><p>Comme sur le trombone, les positions vont en s’écartant.</p><p>Un point de couleur indique à la fois :</p><ul><li>la position à donner à la coulisse ;</li><li>l’harmonique à laquelle se situe la note (code couleur ci-dessous).</li></ul><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#f99" stroke="black"></rect></svg> 1<sup>re</sup> harmonique (tonique)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#fdb" stroke="black"></rect></svg> 2<sup>e</sup> harmonique (quinte)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#ffd" stroke="black"></rect></svg> 3<sup>e</sup> harmonique (octave)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#dfb" stroke="black"></rect></svg> 4<sup>e</sup> harmonique (tierce majeure de l’octave)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#cef" stroke="black"></rect></svg> 5<sup>e</sup> harmonique (quinte de l’octave)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#dcf" stroke="black"></rect></svg> 6<sup>e</sup> harmonique (septième mineure de l’octave)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#a8c" stroke="black"></rect></svg> 7<sup>e</sup> harmonique (octave de l’octave)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#75a" stroke="black"></rect></svg> 8<sup>e</sup> harmonique (seconde 2 octaves au dessus)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#339" stroke="black"></rect></svg> 9<sup>e</sup> harmonique (tierce majeure hyper haute)</p><p><svg width="25" height="25"><rect x="0" y="0" width="25" height="25" fill="#000" stroke="black"></rect></svg> 10<sup>e</sup> harmonique (quarte augmentée hyper haute)</p><p>Toutes les positions alternatives sont proposées, la position la plus petite est mise en évidence.</p><h2 id="chro">Gamme chromatique</h2><p>Il y a 44 notes pour 31 positions.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="chro-asc">Gamme chromatique ascendante</h2><p>Voici 31 notes.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="chro-desc">Gamme chromatique descendante</h2><p>Voici 31 notes.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="une-pos">Notes n’ayant qu’une position</h2><p>Il y en a 20, réparties sur 14 positions.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="deux-pos">Notes ayant deux positions</h2><p>Il y en a 13, réparties sur 9 positions.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="trois-pos">Notes ayant trois positions</h2><p>Il y en a 7, réparties sur 6 positions.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="quatre-pos">Notes ayant quatre positions</h2><p>Il y en a 4, réparties sur 2 positions.</p><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="maj">Gammes majeures</h2><h2 id="M-C">C</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-Df">D♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-D">D</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-Ef">E♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-E">E</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-F">F</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-Fs">F♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E♯</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-Gf">G♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♭</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♭</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-G">G</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-Af">A♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-A">A</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-Bf">B♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="M-B">B</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="5ta-maj">Gammes pentatoniques majeures</h2><h2 id="P-C">C</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-Df">D♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-D">D</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-Ef">E♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-E">E</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-F">F</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-Fs">F♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-Gf">G♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-G">G</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-Af">A♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-A">A</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-Bf">B♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="P-B">B</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="3des-maj">Triades majeures</h2><h2 id="T-C">C</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-Df">D♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-D">D</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-Ef">E♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-E">E</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-F">F</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-Fs">F♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-Gf">G♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-G">G</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-Af">A♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-A">A</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-Bf">B♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="T-B">B</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="min">Gammes mineures</h2><h2 id="m-C">C</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-Cs">C♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-D">D</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-ds">D♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E♯</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-Ef">E♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♭</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♭</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-E">E</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-F">F</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-Fs">F♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-G">G</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-Gs">G♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-A">A</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-Bf">B♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="m-B">B</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="5ta-min">Gammes pentatoniques mineures</h2><h2 id="p-C">C</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-Cs">C♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-D">D</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-Ds">D♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-Ef">E♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-E">E</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-F">F</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-Fs">F♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-G">G</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-Gs">G♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-A">A</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-Bf">B♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="p-B">B</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="3des-min">Triades mineures</h2><h2 id="t-C">C</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-Cs">C♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-D">D</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-ds">D♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">A♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-Ef">E♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-E">E</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-F">F</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-Fs">F♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-G">G</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-Gs">G♯</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">G♯</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-A">A</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-Bf">B♭</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="t-B">B</h2><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#f99"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></svg><svg width="30" height="200"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></svg><h2 id="tricks">Ruses</h2><h3 id="trick-do-re-mi">Do, Ré, Mi</h3><svg width="90" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="90" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D♯</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="90" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="90" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="90" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g></svg><h3 id="trick-si-do-re-mi-fa">Si, Do, Ré, Mi, Fa</h3><svg width="150" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="150" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="150" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="150" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="150" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♭</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g></svg><h3 id="trick-fa-la-do">Fa, La, Do, Fa</h3><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="90" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g></svg><h3 id="trick-5ta-min">Penta mineure</h3><p>♭7 1 ♭3 4 5 ♭7 1 ♭3 4</p><svg width="270" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(150 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(180 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(210 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(240 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#a8c"></circle><circle cx="9" cy="119" r="7" fill="#75a"></circle><circle cx="9" cy="69.5" r="7" fill="#339"></circle><circle cx="9" cy="8" r="7" fill="#000"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(150 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(180 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(210 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(240 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g></svg><br><svg width="270" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(150 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(180 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(210 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(240 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#a8c"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#75a"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(150 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(180 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(210 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(240 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g></svg><br><svg width="270" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D♭</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(150 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">D♭</text></g></g><g transform="translate(180 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#cef"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">E♭</text></g></g><g transform="translate(210 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G♭</text></g></g><g transform="translate(240 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dcf"></circle><circle cx="9" cy="119" r="7" fill="#a8c"></circle><circle cx="9" cy="69.5" r="7" fill="#75a"></circle><circle cx="9" cy="8" r="7" fill="#339"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(150 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(180 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(210 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(240 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g></svg><br><svg width="270" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="40.99999999999999" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(150 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(180 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(210 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#cef"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#dcf"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(240 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dcf"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#a8c"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(150 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(180 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(210 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(240 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g></svg><br><svg width="270" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="8" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#fdb"></circle><text x="0" y="185" font-size="20">C♯</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g></g><g transform="translate(120 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g></g><g transform="translate(150 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(180 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g></g><g transform="translate(210 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#cef"></circle><circle cx="9" cy="69.5" r="7" fill="#dcf"></circle><circle cx="9" cy="8" r="7" fill="#a8c"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(240 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dcf"></circle><circle cx="9" cy="69.5" r="7" fill="#a8c"></circle><circle cx="9" cy="8" r="7" fill="#75a"></circle><text x="0" y="185" font-size="20">F♯</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(120 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(150 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(180 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(210 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(240 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g></svg><h3 id="trick-hijaz">Hijaz</h3><p>1 ♭2 3 4</p><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#fdb"></circle><circle cx="9" cy="8" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">E</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="8" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#fdb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="40.99999999999999" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="69.5" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">F♯</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♯</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="69.5" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#ffd"></circle><text x="0" y="185" font-size="20">G</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="95.00000000000001" r="7" fill="#dfb"></circle><circle cx="9" cy="8" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="95.00000000000001" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#ffd"></circle><circle cx="9" cy="8" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">G♯</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="119" r="7" fill="#dfb"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">B♯</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="119" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g></svg><svg width="30" height="200"><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line></g></svg><svg width="120" height="200"><g transform="translate(0 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#ffd"></circle><circle cx="9" cy="40.99999999999999" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">A</text></g></g><g transform="translate(30 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#ffd"></circle><circle cx="9" cy="69.5" r="7" fill="#dfb"></circle><text x="0" y="185" font-size="20">B♭</text></g></g><g transform="translate(60 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="140" r="7" fill="#dfb"></circle><circle cx="9" cy="69.5" r="7" fill="#cef"></circle><text x="0" y="185" font-size="20">C♯</text></g></g><g transform="translate(90 0)"><g><g><line x1="9" y1="8" x2="9" y2="158" stroke-width="1" stroke="black"></line><line x1="1" y1="69.5" x2="17" y2="69.5" stroke-width="1" stroke="black"></line><line x1="1" y1="119" x2="17" y2="119" stroke-width="1" stroke="black"></line></g><circle cx="9" cy="158" r="7" fill="#dfb"></circle><circle cx="9" cy="95.00000000000001" r="7" fill="#cef"></circle><circle cx="9" cy="8" r="7" fill="#dcf"></circle><text x="0" y="185" font-size="20">D</text></g></g><g transform="translate(0 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(30 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(60 0)"><circle cx="9" cy="140" r="7" stroke-width="3" fill="none"></circle></g><g transform="translate(90 0)"><circle cx="9" cy="158" r="7" stroke-width="3" fill="none"></circle></g></svg><h2 id="topologie">Topologie</h2><p>Voici un schéma qui tente une visualisation des positions alternatives au trombone.</p><svg width="250" height="600"><line x1="80" y1="570" x2="80" y2="470" stroke-width="3" stroke="#f33"></line><path stroke-width="3" stroke="#f33" fill="none" d="M 80 470 C 80 430, 185 325, 205 345"></path><line x1="205" y1="345" x2="180" y2="285" stroke-width="3" stroke="#f33"></line><line x1="180" y1="285" x2="155" y2="230" stroke-width="3" stroke="#f33"></line><path stroke-width="3" stroke="#f33" fill="none" d="M 155 230 C 155 200, 215 135, 230 155"></path><line x1="230" y1="155" x2="205" y2="125" stroke-width="3" stroke="#f33"></line><line x1="203" y1="125" x2="178" y2="95" stroke-width="3" stroke="#f33"></line><path stroke-width="3" stroke="#f33" fill="none" d="M 180 95 C 180 65, 205 22, 230 45"></path><line x1="228" y1="45" x2="228" y2="6" stroke-width="3" stroke="#f33"></line><line x1="105" y1="545" x2="105" y2="445" stroke-width="3" stroke="#fb9"></line><path stroke-width="3" stroke="#fb9" fill="none" d="M 105 445 C 105 405, 210 300, 230 320"></path><line x1="230" y1="320" x2="205" y2="260" stroke-width="3" stroke="#fb9"></line><line x1="205" y1="260" x2="180" y2="205" stroke-width="3" stroke="#fb9"></line><line x1="179" y1="205" x2="179" y2="150" stroke-width="3" stroke="#fb9"></line><path stroke-width="3" stroke="#fb9" fill="none" d="M 180 150 C 180 120, 215 80, 230 100"></path><line x1="228" y1="100" x2="203" y2="70" stroke-width="3" stroke="#fb9"></line><line x1="202" y1="70" x2="202" y2="31" stroke-width="3" stroke="#fb9"></line><line x1="130" y1="520" x2="130" y2="420" stroke-width="3" stroke="#eea"></line><line x1="130" y1="420" x2="130" y2="335" stroke-width="3" stroke="#eea"></line><path stroke-width="3" stroke="#eea" fill="none" d="M 130 335 C 130 305, 215 215, 230 235"></path><line x1="230" y1="235" x2="205" y2="180" stroke-width="3" stroke="#eea"></line><line x1="204" y1="180" x2="204" y2="125" stroke-width="3" stroke="#eea"></line><line x1="207" y1="125" x2="182" y2="95" stroke-width="3" stroke="#eea"></line><path stroke-width="3" stroke="#eea" fill="none" d="M 180 95 C 180 70, 213 25, 230 45"></path><line x1="231" y1="45" x2="231" y2="6" stroke-width="3" stroke="#eea"></line><line x1="155" y1="495" x2="155" y2="395" stroke-width="3" stroke="#cec"></line><line x1="155" y1="395" x2="155" y2="310" stroke-width="3" stroke="#cec"></line><line x1="155" y1="310" x2="155" y2="230" stroke-width="3" stroke="#cec"></line><path stroke-width="3" stroke="#cec" fill="none" d="M 155 230 C 155 210, 220 140, 230 155"></path><line x1="229" y1="155" x2="229" y2="100" stroke-width="3" stroke="#cec"></line><line x1="232" y1="100" x2="207" y2="70" stroke-width="3" stroke="#cec"></line><line x1="205" y1="70" x2="205" y2="31" stroke-width="3" stroke="#cec"></line><line x1="180" y1="470" x2="180" y2="370" stroke-width="3" stroke="#bdf"></line><line x1="180" y1="370" x2="180" y2="285" stroke-width="3" stroke="#bdf"></line><line x1="180" y1="285" x2="180" y2="205" stroke-width="3" stroke="#bdf"></line><line x1="182" y1="205" x2="182" y2="150" stroke-width="3" stroke="#bdf"></line><line x1="180" y1="150" x2="180" y2="95" stroke-width="3" stroke="#bdf"></line><path stroke-width="3" stroke="#bdf" fill="none" d="M 180 95 C 180 70, 218 30, 230 45"></path><line x1="225" y1="45" x2="225" y2="6" stroke-width="3" stroke="#bdf"></line><line x1="205" y1="445" x2="205" y2="345" stroke-width="3" stroke="#dcf"></line><line x1="205" y1="345" x2="205" y2="260" stroke-width="3" stroke="#dcf"></line><line x1="205" y1="260" x2="205" y2="180" stroke-width="3" stroke="#dcf"></line><line x1="206" y1="180" x2="206" y2="125" stroke-width="3" stroke="#dcf"></line><line x1="205" y1="125" x2="205" y2="70" stroke-width="3" stroke="#dcf"></line><line x1="208" y1="70" x2="208" y2="31" stroke-width="3" stroke="#dcf"></line><line x1="230" y1="420" x2="230" y2="320" stroke-width="3" stroke="#a8d"></line><line x1="230" y1="320" x2="230" y2="235" stroke-width="3" stroke="#a8d"></line><line x1="230" y1="235" x2="230" y2="155" stroke-width="3" stroke="#a8d"></line><line x1="232" y1="155" x2="232" y2="100" stroke-width="3" stroke="#a8d"></line><line x1="230" y1="100" x2="230" y2="45" stroke-width="3" stroke="#a8d"></line><line x1="234" y1="45" x2="234" y2="6" stroke-width="3" stroke="#a8d"></line><circle cx="230" cy="420" r="5" fill="black"></circle><circle cx="205" cy="445" r="5" fill="black"></circle><circle cx="180" cy="470" r="5" fill="black"></circle><circle cx="155" cy="495" r="5" fill="black"></circle><circle cx="130" cy="520" r="5" fill="black"></circle><circle cx="105" cy="545" r="5" fill="black"></circle><circle cx="80" cy="570" r="5" fill="black"></circle><circle cx="230" cy="320" r="5" fill="black"></circle><circle cx="205" cy="345" r="5" fill="black"></circle><circle cx="180" cy="370" r="5" fill="black"></circle><circle cx="155" cy="395" r="5" fill="black"></circle><circle cx="130" cy="420" r="5" fill="black"></circle><circle cx="105" cy="445" r="5" fill="black"></circle><circle cx="80" cy="470" r="5" fill="black"></circle><circle cx="230" cy="235" r="5" fill="black"></circle><circle cx="205" cy="260" r="5" fill="black"></circle><circle cx="180" cy="285" r="5" fill="black"></circle><circle cx="155" cy="310" r="5" fill="black"></circle><circle cx="130" cy="335" r="5" fill="black"></circle><circle cx="230" cy="155" r="5" fill="black"></circle><circle cx="205" cy="180" r="5" fill="black"></circle><circle cx="180" cy="205" r="5" fill="black"></circle><circle cx="155" cy="230" r="5" fill="black"></circle><circle cx="230" cy="100" r="5" fill="black"></circle><circle cx="205" cy="125" r="5" fill="black"></circle><circle cx="180" cy="150" r="5" fill="black"></circle><circle cx="230" cy="45" r="5" fill="black"></circle><circle cx="205" cy="70" r="5" fill="black"></circle><circle cx="180" cy="95" r="5" fill="black"></circle><circle cx="230" cy="6" r="5" fill="black"></circle><circle cx="205" cy="31" r="5" fill="black"></circle></svg><h2 id="contact">Contact</h2><p>Pour toute remarque ou suggestion, vous pouvez :</p><ul><li>créer un ticket sur <a href="https://github.com/Grahack/bonepos">Github</a> ;</li><li>envoyer un mail à <a href="mailto:[email protected]">[email protected]</a>.</li></ul></div></div> <!-- end of app div -->
</div></body></html>