footer[data-v-f94312f2]{background-color:#2e2e2e;color:#bbb;padding:15px 0;border-top:2px solid #e67e22}.footer-content[data-v-f94312f2]{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}p[data-v-f94312f2]{margin:0;font-size:1rem}.navbar[data-v-e1e90496]{background-color:#fff;color:#333;padding:10px 0}.nav-list[data-v-e1e90496]{list-style-type:none;padding:0;display:flex;justify-content:center;align-items:center;height:20px}.nav-link[data-v-e1e90496]{text-decoration:none;color:#333;margin:0 20px;transition:color .3s}.nav-link[data-v-e1e90496][data-v-e1e90496]:hover{color:#f60}.nav-link[data-v-e1e90496].router-link-active[data-v-e1e90496]{font-weight:700}.homepage[data-v-5051fc6c]{font-family:Roboto,sans-serif;line-height:1.6;color:#333;margin:0 auto;max-width:1200px;box-shadow:0 5px 15px #0000001a;background-color:#f7f7f7}.header[data-v-5051fc6c]{background-color:#333;color:#fff;padding:30px 0;text-align:center;border-bottom:4px solid #e67e22}nav a[data-v-5051fc6c],nav .router-link-active[data-v-5051fc6c]{color:#333;text-decoration:none;margin:0 1rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}nav a[data-v-5051fc6c]:hover,nav .router-link-active[data-v-5051fc6c]:hover{background-color:#e6e6e6}nav .router-link-active[data-v-5051fc6c]{font-weight:700;border-bottom:2px solid #e67e22}.wrapper[data-v-5051fc6c]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.logo img[data-v-5051fc6c]{width:100px;height:auto}nav[data-v-5051fc6c]{font-size:1rem}@media (max-width: 768px){nav[data-v-5051fc6c]{display:none}}@media (min-width: 1024px){.logo img[data-v-5051fc6c]{width:150px}}*[data-v-8cd419f4]{box-sizing:border-box}.chord-names[data-v-8cd419f4]{display:flex;flex-wrap:wrap;width:100%;padding:5px}.jtab[data-v-8cd419f4]{margin-right:10px;margin-bottom:5px;flex:0 1 auto}.homepage[data-v-74efc166]{font-family:Roboto,sans-serif;line-height:1.6;color:#333;margin:0 auto;max-width:1200px;box-shadow:0 5px 15px #0000001a;background-color:#f7f7f7}.header[data-v-74efc166]{background-color:#333;color:#fff;padding:40px 0;text-align:center;border-bottom:4px solid #e67e22}h1[data-v-74efc166]{margin-bottom:10px;font-size:3em}p[data-v-74efc166]{margin-top:0;font-size:1.1em}main[data-v-74efc166]{padding:60px 20px}section[data-v-74efc166]{margin-bottom:40px;padding:30px;background-color:#fff;box-shadow:0 3px 10px #0000000d;border-radius:8px}h2[data-v-74efc166]{border-bottom:2px solid #e67e22;padding-bottom:10px}footer[data-v-74efc166]{background-color:#333;color:#bbb;padding:20px 0;text-align:center}.about[data-v-77533d8b]{background-color:#f7f7f7;color:#333;min-height:100vh;display:flex;justify-content:center;align-items:center}.content-wrapper[data-v-77533d8b]{max-width:1200px;padding:2rem;background-color:#fff;box-shadow:0 5px 15px #0000001a;border-radius:8px;text-align:center}h1[data-v-77533d8b]{font-size:2.5em;margin-bottom:20px}p[data-v-77533d8b]{font-size:1.2em}@media (min-width: 1024px){.about[data-v-77533d8b]{padding:3rem 1rem}}.homepage[data-v-945c0c40]{font-family:Roboto,sans-serif;line-height:1.6;color:#333;margin:0 auto;max-width:1200px;box-shadow:0 5px 15px #0000001a;background-color:#f7f7f7}.header[data-v-945c0c40]{background-color:#333;color:#fff;padding:40px 0;text-align:center;border-bottom:4px solid #e67e22}h1[data-v-945c0c40]{margin-bottom:10px;font-size:3em}p[data-v-945c0c40]{margin-top:0;font-size:1.1em}main[data-v-945c0c40]{padding:60px 20px}section[data-v-945c0c40]{margin-bottom:40px;padding:30px;background-color:#fff;box-shadow:0 3px 10px #0000000d;border-radius:8px}h2[data-v-945c0c40]{border-bottom:2px solid #e67e22;padding-bottom:10px}footer[data-v-945c0c40]{background-color:#333;color:#bbb;padding:20px 0;text-align:center}.button[data-v-1948f603]{margin:5px}