.b37ZMW_toggle{background-color:inherit;width:calc(var(--navHeight) - .8rem);height:calc(var(--navHeight) - .8rem);color:var(--color-nav);border:none;margin:.4rem .5rem}.b37ZMW_toggle:hover{background-color:var(--gray-a2);border-radius:var(--borderRadiusRegular);border:1px solid var(--gray-a4)}.b37ZMW_group{border-radius:var(--borderRadiusRegular);border:1px solid var(--gray-a4);display:inline-flex}.b37ZMW_item{all:unset;color:var(--gray-10);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:30px;height:30px;padding-left:1px;display:flex}.b37ZMW_item:first-child{border-top-left-radius:var(--borderRadiusRegular);border-bottom-left-radius:var(--borderRadiusRegular)}.b37ZMW_item:last-child{border-top-right-radius:var(--borderRadiusRegular);border-bottom-right-radius:var(--borderRadiusRegular)}.b37ZMW_item:hover{color:var(--gray-12)}.b37ZMW_item[data-state=on]{background-color:var(--gray-6);color:var(--gray-12)}
.Grjkva_footerWrapper{padding:4rem 0}.Grjkva_footer{background-color:var(--color-card-background);backdrop-filter:var(--color-card-background-blur);border-top:1px solid var(--color-card-border);border-bottom:1px solid var(--color-card-border);color:var(--color-body);margin:0;padding:0;font-size:1rem;position:relative}.Grjkva_footerContentWrapper{padding-bottom:1rem;position:relative}.Grjkva_footerContent{flex-direction:column;align-items:center;padding:2rem 0 1rem;display:flex}.Grjkva_footerNavWrapper{margin:1rem auto}.Grjkva_footerNav{flex-direction:column;margin:0;display:flex}.Grjkva_footerNav li{color:var(--color-accent);line-height:2rem}:is(.Grjkva_footerNav li) a{color:var(--color-nav);text-decoration:none}:is(:is(.Grjkva_footerNav li) a):hover{color:var(--color-nav-hover);text-decoration:underline;-webkit-text-decoration-color:var(--color-nav-hover);text-decoration-color:var(--color-nav-hover)}.Grjkva_socialWrapper{flex-direction:row;justify-content:space-between;width:240px;margin:1rem;display:flex}.Grjkva_socialIconContainer{width:34px;height:34px;display:block}.Grjkva_socialIconContainer svg{fill:var(--color-nav);transition:fill .2s ease-in-out}:is(.Grjkva_socialIconContainer:hover,.Grjkva_socialIconContainer:focus-visible) svg{fill:var(--color-nav-hover)}.Grjkva_themeSwitcherWrapper{margin:1rem}.Grjkva_copyright{text-align:center;width:100%;color:var(--gray-11);font-size:.8rem;line-height:1.2rem}.Grjkva_iconLightContainer{width:6rem;height:6rem;margin:0 auto;position:absolute;top:-2rem;left:0;right:0}@media only screen and (min-width:600px){.Grjkva_footerNavWrapper{margin:1rem 0}.Grjkva_footerNav{flex-direction:row;justify-content:space-between;min-width:550px;margin:0 1rem;padding:0;list-style-type:none;display:flex}.Grjkva_footerNav li+li{position:relative}:is(.Grjkva_footerNav li+li):before{content:"•";font-size:2rem;position:absolute;left:-.6em}}
:root{--colour-brand1:#065c9a;--colour-brand1-light:#b0e7f8;--colour-brand1-dark:#00546e;--colour-brand2:#edb54c;--colour-brand2-light:#ffc252;--colour-brand2-dark:#e8a831;--colour-white:#fff;--colour-black:#000}:root,[data-theme=light]{--blue-1:#fbfdff;--blue-2:#f4f9ff;--blue-3:#e7f3ff;--blue-4:#d9edff;--blue-5:#c7e3ff;--blue-6:#b3d6fa;--blue-7:#99c5f2;--blue-8:#71aee9;--blue-9:#0070be;--blue-10:#0773c1;--blue-11:#065c9a;--blue-12:#004e8b;--blue-a1:#0080ff04;--blue-a2:#0074ff0b;--blue-a3:#0080ff18;--blue-a4:#0087ff26;--blue-a5:#0080ff38;--blue-a6:#0076ef4c;--blue-a7:#006edf66;--blue-a8:#006ed88e;--blue-a9:#0070be;--blue-a10:#0062ae;--blue-a11:#006fbff8;--blue-a12:#002b50ee;--blue-contrast:#fff;--blue-surface:#f1f8ffcc;--blue-indicator:#0070be;--blue-track:#0070be}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,[data-theme=light]{--blue-1:#fbfdff;--blue-2:#f4f9ff;--blue-3:#e8f3ff;--blue-4:#daedff;--blue-5:#c8e3ff;--blue-6:#b3d6fa;--blue-7:#99c5f2;--blue-8:#71aee9;--blue-9:#0070be;--blue-10:#0062aa;--blue-11:#0673c1;--blue-12:#11395d;--blue-a1:color(display-p3 .0235 .5137 1/.016);--blue-a2:color(display-p3 .0235 .4157 .9059/.04);--blue-a3:color(display-p3 .0118 .4627 .9569/.087);--blue-a4:color(display-p3 .0078 .4471 .9451/.134);--blue-a5:color(display-p3 0 .4314 .9412/.2);--blue-a6:color(display-p3 .0039 .3961 .8863/.271);--blue-a7:color(display-p3 .0039 .3686 .8196/.365);--blue-a8:color(display-p3 0 .3529 .7922/.502);--blue-a9:color(display-p3 0 .302 .6588/.816);--blue-a10:color(display-p3 0 .2588 .6/.844);--blue-a11:color(display-p3 0 .3059 .6706/.804);--blue-a12:color(display-p3 0 .1216 .2706/.891);--blue-contrast:#fff;--blue-surface:color(display-p3 .9529 .9725 .9961/.8);--blue-indicator:#0070be;--blue-track:#0070be}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--blue-1:lab(99.186% -.452578 -1.38853);--blue-2:lab(97.7903% -1.07571 -3.3381);--blue-3:lab(95.3432% -2.33936 -7.45294);--blue-4:lab(92.6552% -3.77053 -12.4597);--blue-5:lab(88.9171% -4.95768 -17.0611);--blue-6:lab(84.0112% -5.941 -21.4685);--blue-7:lab(77.5715% -6.93688 -27.1855);--blue-8:lab(68.6112% -7.71537 -36.5776);--blue-9:lab(45.3022% -3.80197 -49.2682);--blue-10:lab(39.6561% -2.2883 -49.1399);--blue-11:lab(46.2417% -4.02609 -49.2895);--blue-12:lab(22.6503% -3.319 -25.7658);--blue-indicator:lab(45.3022% -3.80197 -49.2682);--blue-track:lab(45.3022% -3.80197 -49.2682)}}}}[data-theme=dark]{--blue-1:#08121b;--blue-2:#0e1925;--blue-3:#082945;--blue-4:#00335f;--blue-5:#004071;--blue-6:#004d80;--blue-7:#005c99;--blue-8:#007acc;--blue-9:#09f;--blue-10:#008cf1;--blue-11:#6dbaff;--blue-12:#c7e4ff;--blue-a1:#0029f90b;--blue-a2:#006ef916;--blue-a3:#007ffe38;--blue-a4:#0079fe54;--blue-a5:#0086ff67;--blue-a6:#0590fd7b;--blue-a7:#1f99ff93;--blue-a8:#259cffb4;--blue-a9:#09f;--blue-a10:#0094fff0;--blue-a11:#6dbaff;--blue-a12:#c7e4ff;--blue-contrast:#fff;--blue-surface:#0c213980;--blue-indicator:#09f;--blue-track:#09f}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){[data-theme=dark]{--blue-1:#08121c;--blue-2:#0e1a25;--blue-3:#082945;--blue-4:#00335d;--blue-5:#004070;--blue-6:#0b4e83;--blue-7:#195f9a;--blue-8:#1f73b9;--blue-9:#09f;--blue-10:#008dee;--blue-11:#70baff;--blue-12:#c9e4ff;--blue-a1:color(display-p3 0 .1725 .9961/.038);--blue-a2:color(display-p3 .0196 .4588 1/.08);--blue-a3:color(display-p3 .0863 .498 .9961/.211);--blue-a4:color(display-p3 .0784 .4745 .9961/.316);--blue-a5:color(display-p3 .1412 .5333 1/.387);--blue-a6:color(display-p3 .2118 .5765 1/.463);--blue-a7:color(display-p3 .2784 .6078 .9961/.555);--blue-a8:color(display-p3 .302 .6196 1/.685);--blue-a9:color(display-p3 .2667 .6078 .9961/.967);--blue-a10:color(display-p3 .2588 .5882 1/.912);--blue-a11:color(display-p3 .5098 .7412 1/.975);--blue-a12:color(display-p3 .8118 .902 1/.988);--blue-contrast:#fff;--blue-surface:color(display-p3 .0627 .1255 .2118/.5);--blue-indicator:#09f;--blue-track:#09f}@supports (color:lab(0% 0 0)){[data-theme=dark]{--blue-1:lab(5.04778% -1.35357 -7.56455);--blue-2:lab(8.40624% -2.19177 -9.56361);--blue-3:lab(15.3979% -2.75773 -21.3204);--blue-4:lab(20.1281% -1.70638 -31.6711);--blue-5:lab(25.6888% -2.55305 -34.3496);--blue-6:lab(31.7527% -3.68352 -35.7791);--blue-7:lab(38.5891% -4.58626 -38.6135);--blue-8:lab(46.3929% -5.1811 -44.5411);--blue-9:lab(60.6863% -5.18492 -61.0851);--blue-10:lab(56.1025% -4.0178 -60.9807);--blue-11:lab(72.8012% -8.58128 -43.9716);--blue-12:lab(89.1491% -5.19788 -17.6432);--blue-indicator:lab(60.6863% -5.18492 -61.0851);--blue-track:lab(60.6863% -5.18492 -61.0851)}}}}:root,[data-theme=light]{--gray-1:#fcfcfc;--gray-2:#f9f9f9;--gray-3:#efefef;--gray-4:#e8e8e8;--gray-5:#e0e0e0;--gray-6:#d9d9d9;--gray-7:#cecece;--gray-8:#bbb;--gray-9:#8d8d8d;--gray-10:#828282;--gray-11:#646464;--gray-12:#202020;--gray-a1:#00000003;--gray-a2:#00000006;--gray-a3:#00000010;--gray-a4:#00000017;--gray-a5:#0000001f;--gray-a6:#00000026;--gray-a7:#00000031;--gray-a8:#0004;--gray-a9:#00000072;--gray-a10:#0000007d;--gray-a11:#0000009b;--gray-a12:#000000df;--gray-contrast:#fff;--gray-surface:#fffc;--gray-indicator:#8d8d8d;--gray-track:#8d8d8d}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){:root,[data-theme=light]{--gray-1:#fcfcfc;--gray-2:#f9f9f9;--gray-3:#f0f0f0;--gray-4:#e8e8e8;--gray-5:#e0e0e0;--gray-6:#d9d9d9;--gray-7:#cecece;--gray-8:#bbb;--gray-9:#8d8d8d;--gray-10:#828282;--gray-11:#646464;--gray-12:#202020;--gray-a1:color(display-p3 0 0 0/.0118);--gray-a2:color(display-p3 0 0 0/.0235);--gray-a3:color(display-p3 0 0 0/.0627);--gray-a4:color(display-p3 0 0 0/.0902);--gray-a5:color(display-p3 0 0 0/.1216);--gray-a6:color(display-p3 0 0 0/.149);--gray-a7:color(display-p3 0 0 0/.1922);--gray-a8:color(display-p3 0 0 0/.2667);--gray-a9:color(display-p3 0 0 0/.4471);--gray-a10:color(display-p3 0 0 0/.4902);--gray-a11:color(display-p3 0 0 0/.6078);--gray-a12:color(display-p3 0 0 0/.8745);--gray-contrast:#fff;--gray-surface:color(display-p3 1 1 1/.8);--gray-indicator:#8d8d8d;--gray-track:#8d8d8d}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--gray-1:lab(98.956% .0000298023 -.0000119209);--gray-2:lab(97.796% -.0000298023 0);--gray-3:lab(94.664% -.0000298023 0);--gray-4:lab(91.88% .0000298023 -.0000119209);--gray-5:lab(89.328% 0 0);--gray-6:lab(86.544% 0 0);--gray-7:lab(82.716% 0 0);--gray-8:lab(75.756% -.0000298023 0);--gray-9:lab(58.588% 0 0);--gray-10:lab(54.528% 0 0);--gray-11:lab(42.348% 0 0);--gray-12:lab(12.188% 0 0);--gray-indicator:lab(58.588% 0 0);--gray-track:lab(58.588% 0 0)}}}}[data-theme=dark]{--gray-1:#111;--gray-2:#191919;--gray-3:#222;--gray-4:#292929;--gray-5:#303030;--gray-6:#393939;--gray-7:#474747;--gray-8:#606060;--gray-9:#6d6d6d;--gray-10:#7b7b7b;--gray-11:#b3b3b3;--gray-12:#ededed;--gray-a1:#0000;--gray-a2:#ffffff09;--gray-a3:#ffffff12;--gray-a4:#ffffff1a;--gray-a5:#ffffff21;--gray-a6:#ffffff2b;--gray-a7:#ffffff3a;--gray-a8:#fff5;--gray-a9:#ffffff63;--gray-a10:#ffffff72;--gray-a11:#ffffffae;--gray-a12:#ffffffec;--gray-contrast:#fff;--gray-surface:#0000000d;--gray-indicator:#6d6d6d;--gray-track:#6d6d6d}@supports (color:color(display-p3 1 1 1)){@media (color-gamut:p3){[data-theme=dark]{--gray-1:#111;--gray-2:#181818;--gray-3:#222;--gray-4:#292929;--gray-5:#303030;--gray-6:#393939;--gray-7:#474747;--gray-8:#606060;--gray-9:#6d6d6d;--gray-10:#7a7a7a;--gray-11:#b3b3b3;--gray-12:#ededed;--gray-a1:color(display-p3 0 0 0/0);--gray-a2:color(display-p3 1 1 1/.0336);--gray-a3:color(display-p3 1 1 1/.0714);--gray-a4:color(display-p3 1 1 1/.1008);--gray-a5:color(display-p3 1 1 1/.1303);--gray-a6:color(display-p3 1 1 1/.1681);--gray-a7:color(display-p3 1 1 1/.2269);--gray-a8:color(display-p3 1 1 1/.3319);--gray-a9:color(display-p3 1 1 1/.3866);--gray-a10:color(display-p3 1 1 1/.4454);--gray-a11:color(display-p3 1 1 1/.6807);--gray-a12:color(display-p3 1 1 1/.9244);--gray-contrast:#fff;--gray-surface:color(display-p3 0 0 0/.05);--gray-indicator:#6d6d6d;--gray-track:#6d6d6d}@supports (color:lab(0% 0 0)){[data-theme=dark]{--gray-1:lab(5.09437% -.00000745058 0);--gray-2:lab(8.476% 0 0);--gray-3:lab(13.116% 0 0);--gray-4:lab(16.596% 0 0);--gray-5:lab(19.96% -.0000149012 0);--gray-6:lab(24.136% 0 0);--gray-7:lab(30.284% .0000149012 -.00000596046);--gray-8:lab(40.608% -.0000149012 0);--gray-9:lab(46.06% 0 0);--gray-10:lab(51.396% 0 0);--gray-11:lab(72.856% -.0000298023 0);--gray-12:lab(93.852% .0000298023 -.0000119209);--gray-indicator:lab(46.06% 0 0);--gray-track:lab(46.06% 0 0)}}}}:root,[data-theme=light]{--color-body:var(--gray-12);--color-accent:var(--gray-9);--color-background-gradient:#c5e4ff;--color-background:#fff;--color-overlay:var(--gray-a7);--color-search-background:#fffc;--color-card-background:#00000006;--color-card-background-blur:blur(.4rem);--color-card-border:var(--gray-a3);--color-photo-filter:saturate(1.02);--color-photo-filter-hover:saturate(1.02);--color-photo-wash:#f9f9f973;--color-photo-wash-hover:#f9f9f933;--color-photo-wash-lift:.4;--color-icon-disc:var(--blue-9);--color-icon-ring:var(--blue-7);--color-icon-glyph:var(--gray-contrast);--color-select-background:#ffffff4d;--color-subnav-background:#e7f3ffb5;--color-subnav-background-blur:blur(.8rem);--color-subnav2-background:#e7f3fff2;--color-subnav2-background-blur:blur(2rem);--color-heading:var(--blue-10);--color-nav:#065c9a;--color-nav-hover:var(--blue-9);--color-link:var(--blue-10);--color-button-default:var(--blue-10);--color-button-hover:var(--blue-11);--color-button-active:var(--blue-12);--color-button-outline:var(--blue-12);--color-footer-background:var(--blue-7);--color-note:var(--gray-2);--color-note-background:var(--gray-11);--color-root-background:#c00;--color-third-background:#0c9;--color-fifth-background:#09f;--color-seventh-background:#a200ff;--color-note-light:var(--gray-7);--color-note-light-background:var(--gray-4);--color-root-light-background:#fcc;--color-third-light-background:#ccfff2;--color-fifth-light-background:#b3e0ff}[data-theme=dark]{--color-body:#c6cccf;--color-accent:var(--blue-9);--color-background-gradient:var(--blue-4);--color-background:#111;--color-overlay:#11111172;--color-search-background:#111111d9;--color-card-background:#11111180;--color-card-background-blur:blur(.6rem);--color-card-border:var(--gray-a5);--color-photo-filter:brightness(.8) saturate(.95);--color-photo-filter-hover:brightness(.9);--color-photo-wash:#11111173;--color-photo-wash-hover:#1113;--color-photo-wash-lift:.4;--color-icon-disc:var(--blue-6);--color-icon-ring:var(--blue-9);--color-icon-glyph:var(--gray-12);--color-select-background:#11111180;--color-subnav-background:#004071d9;--color-subnav-background-blur:blur(.6rem);--color-subnav2-background:#004071f2;--color-subnav2-background-blur:blur(1rem);--color-heading:var(--gray-12);--color-nav:var(--gray-12);--color-nav-hover:var(--blue-9);--color-link:var(--blue-9);--color-button-default:var(--blue-6);--color-button-hover:var(--blue-7);--color-button-active:var(--blue-8);--color-button-outline:var(--blue-7);--color-footer-background:var(--blue-7);--color-note:var(--gray-1);--color-note-background:var(--gray-11);--color-root-background:#c00;--color-third-background:#0c9;--color-fifth-background:#09f;--color-seventh-background:#a200ff;--color-note-light:var(--gray-7);--color-note-light-background:var(--gray-4);--color-root-light-background:#200;--color-third-light-background:#00221a;--color-fifth-light-background:#002e4d}
:root{--maxContentWidth:1280px;--absoluteMaxWidth:2000px;--navHeight:3rem;--borderRadiusRegular:.75rem;--borderRadiusSmall:.5rem;--borderRadiusTiny:.35rem}
.center{text-align:center}.justify{text-align:justify}.first{margin-top:0}.tag{background-color:var(--gray-a2);height:2.2rem;color:var(--color-heading);border-radius:var(--borderRadiusSmall);box-shadow:inset 0 0 0 1px var(--gray-a7);backdrop-filter:blur(.1rem);margin:.4rem .3rem;padding:.6rem;font-family:Exo;font-size:1rem;font-style:normal;line-height:1rem;display:inline-block}.tag:hover{background-color:var(--gray-a3)}strong .tag{height:2.6rem;font-size:1.4rem;line-height:1.4rem}.notesBlock{flex-wrap:wrap;justify-content:start;align-items:center;margin:1.6rem 0 3rem;display:flex}.notesBlock b{width:100%;font-weight:400;display:block}.chordBlock{background-color:var(--gray-a1);border-radius:var(--borderRadiusSmall);width:fit-content;box-shadow:inset 0 0 0 1px var(--gray-a7);backdrop-filter:blur(.3rem);color:var(--gray-11);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;margin:1.6rem auto 3rem;padding:.4rem 1rem;font-family:Exo;display:flex}.chordBlock b{font-weight:inherit;align-items:center;gap:.2rem;display:flex}:is(.chordBlock b) svg{height:1.6rem}.chordBlock em{background-color:var(--gray-a2);height:2.2rem;color:var(--color-heading);border-radius:var(--borderRadiusSmall);box-shadow:inset 0 0 0 1px var(--gray-a7);backdrop-filter:blur(.1rem);text-align:center;width:100%;margin:.4rem .3rem;padding:.6rem;font-family:Exo;font-size:1rem;font-style:normal;line-height:1rem;display:inline-block}:is(.chordBlock em):hover{background-color:var(--gray-a3)}@media only screen and (min-width:600px){.chordBlock{margin:1.6rem 0 3rem}}
:root{--pianoMinContentWidth:calc(700px - 15px - 2rem);--pianoMinScaleWidth:var(--pianoMinContentWidth);--piano2octaveRatio:2.86;--pianoMinScaleHeight:calc(var(--pianoMinScaleWidth) / var(--piano2octaveRatio));--pianoMaxWidth:calc(var(--maxContentWidth) - 2rem);--pianoMaxHeight:calc(var(--pianoMaxWidth) / var(--piano2octaveRatio))}
html{box-sizing:border-box}html,body{height:100%;margin:0;padding:0 0 1.5rem;font-family:Public Sans,Exo,Arial,Lucida Grande,sans-serif;font-size:16px}html body[data-scroll-locked]{margin-right:0!important;overflow:visible!important}body{color:var(--color-body);font-size:1rem;position:relative}body .background-gradient{background:linear-gradient(to bottom, var(--color-background-gradient), transparent);background-position:top;background-repeat:no-repeat;background-size:auto 680px}body,[data-theme=light] body{background-image:url(/assets/images/logo_background_light.svg),url(/assets/images/logo_background_light.svg),url(/assets/images/logo_background_light.svg),url(/assets/images/logo_background_light.svg),url(/assets/images/logo_background_light.svg);background-position:calc(50% + 300px) 300px,calc(50% - 300px) 1900px,calc(50% + 300px) 3500px,calc(50% - 300px) 5100px,calc(50% + 300px) 6600px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:1000px}[data-theme=dark] body{background-image:url(/assets/images/logo_background_dark.svg),url(/assets/images/logo_background_dark.svg),url(/assets/images/logo_background_dark.svg),url(/assets/images/logo_background_dark.svg),url(/assets/images/logo_background_dark.svg);background-position:calc(50% + 300px) 300px,calc(50% - 300px) 1900px,calc(50% + 300px) 3500px,calc(50% - 300px) 5100px,calc(50% + 300px) 6600px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:1000px}*,:before,:after{box-sizing:inherit;scroll-behavior:smooth}a{color:var(--color-body);text-decoration:underline;-webkit-text-decoration-color:var(--color-link);text-decoration-color:var(--color-link);text-underline-offset:.25rem;font-weight:400;transition:all .2s ease-in-out}a:hover{color:var(--color-heading);text-decoration:underline;-webkit-text-decoration-color:var(--color-link);text-decoration-color:var(--color-link);text-underline-offset:.5rem}a.secondary{-webkit-text-decoration-color:var(--colour-white);text-decoration-color:var(--colour-white);color:var(--colour-white)}a.secondary:hover{color:var(--colour-brand2);text-decoration:underline;-webkit-text-decoration-color:var(--colour-brand2)!important;text-decoration-color:var(--colour-brand2)!important}img{max-width:100%}h1,h2,h3{color:var(--color-heading);font-family:Exo}h1.general{text-align:center;width:fit-content;margin:1.4rem auto 3rem;padding:.6rem 1rem;font-family:Exo;font-size:2rem;line-height:2.6rem}h1.general,[data-theme=light] h1.general{font-weight:500}[data-theme=dark] h1.general{font-weight:400}h1.general span.onInstrument{color:var(--color-accent)}h2.general{text-align:left;border-bottom:1px solid var(--gray-a4);padding-bottom:.6rem;font-family:Exo;font-weight:500;margin-top:3rem!important;margin-bottom:1.4rem!important;font-size:1.6rem!important}h2.sub{text-align:center;color:var(--color-accent);margin:-2rem 0 4.6rem;padding:0 5rem;font-family:Exo;font-size:1.1rem;font-weight:500;line-height:2rem}[data-theme=dark] h2.sub{color:var(--color-accent)}h3.general{text-align:left;padding-bottom:0;font-family:Exo;font-weight:500;margin-top:2.6rem!important;margin-bottom:.8rem!important;font-size:1.4rem!important}h2.section{text-align:center;width:fit-content;color:var(--color-heading);border-bottom:2px solid var(--color-accent);margin:4rem auto 3rem;padding:.6rem 0;font-size:1.6rem;font-weight:500;line-height:2rem}h3.section{text-align:left;border-bottom:1px solid var(--color-accent);width:fit-content;margin:3.4rem 0 .8rem;padding-bottom:.6rem;font-family:Exo;font-size:1.3rem;font-weight:500}p{font-size:1rem;line-height:1.8rem}:is(ul.general,ol.general) li{text-align:"justify";margin-bottom:1rem;line-height:1.8rem}@media only screen and (min-width:600px){html,body{padding:0}body,[data-theme=light] body,[data-theme=dark] body{background-position-x:calc(50% + 500px),calc(50% - 500px),calc(50% + 500px),calc(50% - 500px),calc(50% + 500px);background-size:1600px}}@media only screen and (min-width:800px){h1.general{margin:2rem auto 4rem;font-size:2.4rem;line-height:3rem}h2.sub{font-size:1.2rem}}strong{font-weight:700}#app{position:relative}.content{margin:0;padding:2rem 0 0}@font-face{font-family:Public Sans;src:url(/assets/fonts/publicsansl.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Public Sans;src:url(/assets/fonts/publicsanssb.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exo.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exomedium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Exo;src:url(/assets/fonts/exosemi.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Public Sans;src:url(/assets/fonts/accidentals.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+266D-266F}@font-face{font-family:Public Sans;src:url(/assets/fonts/accidentals.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+266D-266F}@font-face{font-family:Exo;src:url(/assets/fonts/accidentals.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+266D-266F}@font-face{font-family:Exo;src:url(/assets/fonts/accidentals.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+266D-266F}@font-face{font-family:Exo;src:url(/assets/fonts/accidentals.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+266D-266F}@font-face{font-family:accidentals;src:url(/assets/fonts/accidentals.otf)format("opentype");font-weight:400;font-style:normal;font-display:block}[class^=accidental],[class*=\ accidental]{font-feature-settings:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-left:.14em;padding-right:.14em;font-style:normal;font-weight:400;line-height:1;font-family:accidentals!important}[class^=basicAccidental],[class*=basicAccidental]{font-style:normal;font-weight:inherit;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1}.piano_registers_svg__blue,.acoustic_guitar_models_svg__blue,.left_hand_svg__blue,.right_hand_svg__blue,.piano_octave_svg__blue,.acoustic_guitar_models_svg__text,[data-theme=light] .acoustic_guitar_models_svg__text{fill:#0773c1}[data-theme=dark] .acoustic_guitar_models_svg__text{fill:#ededed}[class*=_svg__disc]{fill:var(--color-icon-disc)}[class*=_svg__stroke-disc]{stroke:var(--color-icon-disc)}[class*=_svg__stroke-ring]{stroke:var(--color-icon-ring)}[class*=_svg__glyph]{fill:var(--color-icon-glyph)}[class*=_svg__stroke-glyph]{stroke:var(--color-icon-glyph)}.submitButton{background-color:var(--colour-brand1);color:var(--colour-white);border:none;border-radius:.3rem;padding:.48rem .8rem;font-size:1rem;line-height:1.6rem;transition-duration:.5s}.submitButton:hover{background-color:var(--colour-brand2-light);color:var(--colour-brand1-dark);transition-duration:.3s}