.muted-string{position:absolute;margin:0;height:26px;width:26px;display:flex;flex-direction:column;justify-content:center}.muted-string:after,.muted-string:before{position:absolute;content:"";width:100%;height:2px;background-color:#1c3d66;border-radius:3px}.muted-string:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.muted-string:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.open-string{height:22px;width:22px;border-radius:100%;border:2px solid #1c3d66}.finger,.open-string{position:absolute;top:0;left:0;margin:0}.finger{height:30px;width:30px;border-radius:100%;background:#1c3d66}.fret{position:absolute;top:15px;left:-28px;font-size:20px}.diagram{height:250px;background-image:url(data:image/png;base64,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)}.diagram,.open-diagram{position:relative;width:250px;background-size:contain;background-repeat:no-repeat;border-radius:3px;margin:12% auto}.open-diagram{height:254px;background-image:url(data:image/png;base64,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)}.barre{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAAUCAYAAACkoiDPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANiSURBVHic7dzdb1RFGMfxz3b7jpQKIlSsL/EVFY3x5RY13ijG+D+oiX8ACV74D3iv3kj4K5R4pcTEG/VGG4UoxggGFUXaagttqfXimc1Z6yJItrvb5fkmk5k9szv7nDnP75k5s3O2JtkobsQERrAV46U8WfItuAHDTcfGcQFjpY1G+RLWMLSufq60PdDi+y/gYrGhfgVbl7BY2tnWon612DBS8r+K3Sulfqi0Uccglkv9XHn/XDm2UNJyObaC+WLrfFNK2kyt2wb0MGPY0ZR2lnxbSZPC4ddEP641fbYmHHlWJbhZ4eB/qpz9vEoAfwhR9BNjGBXBaEj02ZAIcI26iVKeKGlSBJb1DJbjC6LffsdvOFfKjXxxw85mE3M9Cb2Om7ELt5TynvK6LvqiuT8WhfOcw68qRzovR55uskXMlnZge8lvaiqPtfjMEn4u6SzOlPys1kGl7+gXoY9gGreV/A4h4ObzuyRGgJ9K+kV1wZc7aGvSeUZVAX4nprBbBIjBpvetCt84jVP4sZSXOmnsRrBZhF4XIr4Hd+MuEdkb0+YlcWFOiQvzg4jea60aS5LLUBdB4HbcKgaNabHeQPjaPE7iu5KfFrdwPU2vCX0KD6oEPS5sXBUi/lbVyQtdsjG5vpkQA01jwJlWLYZeFD56HF+J2WJP0C2hb8dDQtR7VRHzjOighqBzYSXZTIyKQWqv8O1dYla5ghMiAHwp1ns6SieEPokn8KSYfhOLWjNC1MflPXLS3wzjfhEAHhZrA/A9Pi9pdiMNaLfQa9iHp8SJ1cUJfIZPxfQ7SZLgTjyGx8WAuCYGwGP4up1f1A6h34dn8EhpbwYfiZG65xcpkqSHGFANlA/4t/CveXH5WoQ+iKdxQKx8n8CH+EIKO0naSbPw94lNWO/jY/9zc9XVCn0Yz+K5Uj6G98RuriRJOsMknsd+IfQPcNRVbPq5ktB341VxL3G0pFwJT5LuM4oXxMz6JI6IzT4tuZzQHxUCX8C7+Ka9NiZJ0kbuxcviGYy3xX39fzKFd/C6eBAhSZLNw1a8gbfEsxwteQmHxY/8SZJsXvaIqfyB9RWv4WDHzUmSZKOo4RBeITa07Be/hb/ZRaOSJGk/n+BFZefpEf98VC9Jkv5hGIcHxBM3/fbPJkmSBMuY+Rv7fsE7NWlQBQAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;width:250px;height:30px;top:-52px;position:absolute}.small-muted-string{position:absolute;margin:0;height:5px;width:5px;display:flex;flex-direction:column;justify-content:center}.small-muted-string:after,.small-muted-string:before{position:absolute;content:"";width:100%;height:1px;background-color:#1c3d66;border-radius:3px}.small-muted-string:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.small-muted-string:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.small-open-string{height:4px;width:4px;border-radius:100%;border:1px solid #1c3d66}.little-finger,.small-open-string{position:absolute;top:0;left:0;margin:0}.little-finger{height:6px;width:6px;border-radius:100%;background:#1c3d66}.small-fret{position:absolute;top:0;left:-13px;font-size:10px}.small-diagram{background-image:url(data:image/png;base64,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)}.small-diagram,.small-open-diagram{position:relative;background-size:contain;background-repeat:no-repeat;border-radius:3px;margin:0 auto 12%}.small-open-diagram{height:50px;width:50px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAD+CAYAAAATfRgrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAY3SURBVHic7djPi113Gcfxz+hQq9CitRtbNSkiTpNu6o+FPxatLkT8hSvHISv9S0KIFGkVQUpFXOpa0T+htrrSqJAJWbi03YgKRZQm18U517luQriH8u2Zz+u1uQ9ZPYeH952Te5BkE+Bce8foBYC3ntChgNChgNChgNChgNChgNChgNChwOHOvElyd9QiCx3k7EvrzshFFnrn/OkW4523W+Rmpoe5Pmyd5Y4zPcMm///ltTa3Mj3DtdGLLHCSs1us+Y3xdqZnuDp6kQWuZL7Fmg8B3CehQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQwGhQ4HDJA/M86NJLg3cZYnHd+Ynk9wZtchC5/EWm1GLLHQebvHodjjIeg8B3NtpkqPEqztUOEzylyRPJPlpkh+NXWdvX0zy3Dx/Mut9df9FkgtJfpLkxcG77OtLSb47zx/Pet8Yf5nkw0l+nOSlwbvs6wtJnk+m0P89/+PrSf4waqOFjnbmG0neHLXIQufhFrv/n72R5O6oRRb6z/y55ls8tR28ukMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUOBwyQfmudvJnl64C5LfGBn/lWSzahFFnp8/jxO8omRiyzw2M7862FbLLd9jpMknxq5yAJ3tsNB1hsFcG+nSY6S6S/6P5M8nOTPSW4MXGqJC0k+N88/z3q/vL6a9d/iYpLPzvPPBu6x1NeSPJTkT0n+OHiXfT2QOfQkuZkpjOvD1lnuONMzbDJ9ea3VrUzPcG30Iguc5OwWa/4N6HamZ7g6epEFrmS+xZoPAdwnoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUMBoUOBwyTvmecLST4/cJclLu/MzyS5O2iPpba3uJj13uLSzvxsks2oRRZ69/x5Meu9xYXtcJD1HgK4t9MkR4lXd6hwmOR2ko8m+WGS58aus7evJ3lpnj+Y5M7AXZZ4OclHkvwgyfcG77KvbyR5cZ4fy3rfGF9J8kSSF5I8P3iXff2vi8OcRfFGktdGbbTQP3bm15O8OWqRhc7jLdb6e8l5uMUb28GrOxQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQQOhQ4SPKvJA8meS3JX8eus7f3Jbk4z78fuMdSl5K8K27xdnAebvH3JM8mU+ibsbsAb5HTJEdJcpjkb0keSfK7JC8PXGqJjyX5yjx/P+v98vp2pr+Iv03ym8G77OsoyZfn+YWRiyz0nSTvTfJqklcG77Kv92cOPUluZgrj+rB1ljvO9AybTF9ea3Ur0zNcG73IAic5u8WafwO6nekZro5eZIErmW+x5kMA90noUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUEDoUOAwycPzfDnJycBdlvj0znyc5O6oRRZ6aP5c8y0+szN/K8lm1CILbW/xVNZ7i8vb4SDrPQRwb6dJjhKv7lDhvx4WoH+7CqXEAAAAAElFTkSuQmCC)}.small-barre{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAAUCAYAAACkoiDPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANiSURBVHic7dzdb1RFGMfxz3b7jpQKIlSsL/EVFY3x5RY13ijG+D+oiX8ACV74D3iv3kj4K5R4pcTEG/VGG4UoxggGFUXaagttqfXimc1Z6yJItrvb5fkmk5k9szv7nDnP75k5s3O2JtkobsQERrAV46U8WfItuAHDTcfGcQFjpY1G+RLWMLSufq60PdDi+y/gYrGhfgVbl7BY2tnWon612DBS8r+K3Sulfqi0Uccglkv9XHn/XDm2UNJyObaC+WLrfFNK2kyt2wb0MGPY0ZR2lnxbSZPC4ddEP641fbYmHHlWJbhZ4eB/qpz9vEoAfwhR9BNjGBXBaEj02ZAIcI26iVKeKGlSBJb1DJbjC6LffsdvOFfKjXxxw85mE3M9Cb2Om7ELt5TynvK6LvqiuT8WhfOcw68qRzovR55uskXMlnZge8lvaiqPtfjMEn4u6SzOlPys1kGl7+gXoY9gGreV/A4h4ObzuyRGgJ9K+kV1wZc7aGvSeUZVAX4nprBbBIjBpvetCt84jVP4sZSXOmnsRrBZhF4XIr4Hd+MuEdkb0+YlcWFOiQvzg4jea60aS5LLUBdB4HbcKgaNabHeQPjaPE7iu5KfFrdwPU2vCX0KD6oEPS5sXBUi/lbVyQtdsjG5vpkQA01jwJlWLYZeFD56HF+J2WJP0C2hb8dDQtR7VRHzjOighqBzYSXZTIyKQWqv8O1dYla5ghMiAHwp1ns6SieEPokn8KSYfhOLWjNC1MflPXLS3wzjfhEAHhZrA/A9Pi9pdiMNaLfQa9iHp8SJ1cUJfIZPxfQ7SZLgTjyGx8WAuCYGwGP4up1f1A6h34dn8EhpbwYfiZG65xcpkqSHGFANlA/4t/CveXH5WoQ+iKdxQKx8n8CH+EIKO0naSbPw94lNWO/jY/9zc9XVCn0Yz+K5Uj6G98RuriRJOsMknsd+IfQPcNRVbPq5ktB341VxL3G0pFwJT5LuM4oXxMz6JI6IzT4tuZzQHxUCX8C7+Ka9NiZJ0kbuxcviGYy3xX39fzKFd/C6eBAhSZLNw1a8gbfEsxwteQmHxY/8SZJsXvaIqfyB9RWv4WDHzUmSZKOo4RBeITa07Be/hb/ZRaOSJGk/n+BFZefpEf98VC9Jkv5hGIcHxBM3/fbPJkmSBMuY+Rv7fsE7NWlQBQAAAABJRU5ErkJggg==);background-size:contain;background-repeat:no-repeat;width:50px;height:10px;top:-5px;position:absolute}.small-diagram:focus,.small-diagram:hover,.small-open-diagram:focus,.small-open-diagram:hover{cursor:pointer}.gallery{list-style-type:none;margin-top:4%}.chord-name{font-weight:700;font-size:22px;padding-bottom:1%}.small-diagram{height:50px;width:50px}.chord-button{border:none;padding:12px;margin:1% auto;border-radius:5px;background:#fff;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.small-diagram-buttons{display:inline-block}.chord-button:focus,.chord-button:hover{background:#a3cdff}.grid>*{padding:.1rem}.grid{display:grid;grid-gap:.1rem;gap:.1rem;list-style-type:none}@media screen and (min-width:40em){.grid{grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}.grid li{grid-column:span 2;grid-row:span 2}}.dark-header{margin-top:50px}.dark-header-h1,.dark-header-h2{color:#1c3d66;padding-top:1%}.dark-header-h1{font-size:32px;font-weight:700}.dark-header-h2{color:#000;padding-bottom:1%}@media screen and (min-width:40em){.dark-header-h1{font-size:42px}.dark-header-h2{font-size:24px}}@media screen and (min-width:100em){.dark-header-h1{font-size:50px}.dark-header-h2{font-size:28px}}.dark-link-list{display:flex;flex-direction:row;list-style-type:none;justify-content:center;position:absolute;top:20px;left:0;right:0}.dark-link-list>a{color:#000;font-size:12px;width:33%}.dark-link-list>a:visited{color:#000}.dark-link-list>a:focus,.dark-link-list>a:hover{text-shadow:1px 1px 1px #3e89e6}@media screen and (min-width:40em){.dark-link-list>a{font-size:20px}}@media screen and (min-width:100em){.dark-link-list>a{font-size:22px}}.progression-randomizer{border:none;background:#1c3d66;color:#fff;font-size:14px;font-weight:700;width:40%;max-width:160px;display:block;margin:10px auto;padding:8px;border-radius:3px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.progression-randomizer:focus,.progression-randomizer:hover{background:#a3cdff;color:#000}.link-list{display:flex;flex-direction:row;list-style-type:none;justify-content:center;position:absolute;top:20px;left:0;right:0}.link-list>a{font-size:16px;width:30%}.link-list>a,.link-list>a:visited{color:#a3cdff}.link-list>a:focus,.link-list>a:hover{text-shadow:1px 1px 1px #3e89e6}@media screen and (min-width:40em){.link-list>a{font-size:20px}}@media screen and (min-width:100em){.link-list>a{font-size:22px}}.light-header-h1,.light-header-h2{color:#a3cdff;text-shadow:1px 1px #000}.light-header-h1{font-size:50px;font-weight:700}@media screen and (min-width:40em){h2{font-size:24px}}@media screen and (min-width:100em){h2{font-size:28px}}.about-h3,.about-h4,.about-h5{font-size:18px;font-weight:700;padding-bottom:3%;padding-top:3%;color:#a3cdff;text-shadow:1px 1px #000;width:90%;margin:0 auto}.about-p{color:#a3cdff;font-size:14px;text-shadow:1px 1px #000}.about-image{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.666)),to(rgba(0,0,0,.666))),url(/static/media/about-page-background.e7469bba.jpeg);background:linear-gradient(rgba(0,0,0,.666),rgba(0,0,0,.666)),url(/static/media/about-page-background.e7469bba.jpeg);background-size:cover;background-repeat:no-repeat;background-position:50%;min-height:100vh;min-width:100vw}.about-text{position:absolute;top:50%;left:50%;width:90%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (min-width:40em){.about-h3,.about-h4,.about-h5{font-size:22px}.about-p{font-size:16px}.about-text{width:80%}}@media screen and (min-width:100em){.about-h3,.about-h4,.about-h5{font-size:24px}.about-p{font-size:18px}.about-text{width:60%}}.search-button{border:none;background:#1c3d66;color:#fff;font-size:14px;font-weight:700;width:40%;max-width:160px;display:block;margin:10px auto;padding:8px;border-radius:3px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.search-button:focus,.search-button:hover{background:#a3cdff;color:#000}.search-form{padding-top:1%}.key-choices{width:40%;max-width:160px;border:none;background:#1c3d66;color:#fff;font-weight:700;border-radius:3px;padding:8px}.hero-h3,.hero-h4{font-family:Raleway,sans-serif;font-size:16px;padding-bottom:3%;padding-top:3%;color:#a3cdff;text-shadow:1px 1px #000;width:90%;margin:0 auto}.hero-h5{height:30px;width:200px;background:#a3cdff;color:#1c3d66;margin:3% auto;border-radius:3px;font-size:16px;line-height:30px}.hero-h5:focus,.hero-h5:hover{font-size:18px;background:#1c3d66;color:#a3cdff}.hero-image{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.666)),to(rgba(0,0,0,.666))),url(/static/media/guitar-background.6911d5eb.jpeg);background:linear-gradient(rgba(0,0,0,.666),rgba(0,0,0,.666)),url(/static/media/guitar-background.6911d5eb.jpeg);background-size:cover;background-repeat:no-repeat;background-position:50%;min-height:100vh;min-width:100vw}.hero-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (min-width:40em){.hero-h3,.hero-h4{font-size:22px}.hero-h5{font-size:18px}.hero-h5:focus,.hero-h5:hover{font-size:20px}}@media screen and (min-width:100em){.hero-h3,.hero-h4{font-size:24px}.hero-h5{font-size:20px}.hero-h5:focus,.hero-h5:hover{font-size:22px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Raleway,sans-serif;line-height:1.5;text-align:center;background:#fff;color:#000;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.5e36131d.chunk.css.map */