body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;padding:1.5em 8em}.App,.nav{align-items:center;display:flex}.nav{justify-content:space-between;padding-bottom:10em;width:100%}.nav li,.nav ul{list-style:none;margin:0;padding:0}.nav li a,.nav ul a{color:#207df5}.nav a{color:#000;text-decoration:none}.nav a:hover{color:blue}.nav__logo img{height:40px}.nav__links{display:flex;gap:30px}.key-selector{align-items:center;display:flex;flex-direction:column;gap:1em;margin-top:2em}.capo-selector{width:200px}.tuning-selector{align-items:center;display:flex;justify-content:flex-end;max-width:fit-content}.custom-tuning__strings{display:flex;flex-direction:column;gap:1em}.custom-tuning__string-note{display:flex;gap:1em}.custom-tuning__string-note .string-size{border-bottom:1px solid #12467b;height:18px;width:60%}.custom-tuning__string-select{width:40%}.fret-board{height:50%}.fret-board td{background-color:#382021;border-right:2px solid #9c9c9c;position:relative}.fret-board table{border-collapse:collapse;height:220px;position:relative;width:100%}.fret-board td:after{border-top:var(--border-width) solid silver;content:"";left:0;pointer-events:none;position:absolute;right:0;top:50%}.fret-board .note-button-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.fret-board .note-button{background-color:#faebd7;border:none;border-radius:100px;font-weight:600;height:100%;position:relative;width:30px;z-index:5}.fret-board .scale-finder-note .note-button-container{display:none}.fret-board .scale-finder-note:hover .note-button-container{display:flex}.fret-board .allow-hover .note-button{cursor:pointer}.fret-board .note-marker{background-color:#fff;border:none;color:#000;height:100%;padding:0 5px}.fret-board .capo-container,.fret-board .note-marker{align-items:center;display:flex;justify-content:center}.fret-board .capo-container{height:150%;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:3}.fret-board .capo-container .capo-marker{background-color:#0b6bcb;border-bottom-color:#0b6bcb;border-left:2px solid #0b6bcb;border-right:2px solid #0b6bcb;border-top-color:#0b6bcb;height:100%;width:50%}.fret-board .single-marker{bottom:-23%;left:40%}.fret-board .fret-marker{background-color:#fff;border-radius:50%;height:17px;pointer-events:none;position:absolute;width:17px;z-index:2}.fret-board .double-marker{align-items:center;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.fret-board .double-marker>div:first-child{bottom:166%}.fret-board .double-marker>div:last-child{top:166%}.fret-board .fret-labels{background-color:initial}.fret-board .fret-labels table,.fret-board .fret-labels td,.fret-board .fret-labels tr{background-color:#0000;border:none;color:#000}.fret-board .fret-labels td{text-align:center}.fret-board .fret-labels td:after{border:none}.scale-viewer .settings-container{align-items:center;display:flex;justify-content:space-between;padding-bottom:20px}.possible-keys{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:20px}.scale-finder .settings-container{display:flex;justify-content:space-between;padding-bottom:20px}
/*# sourceMappingURL=main.38263ba1.css.map*/