@import url(https://fonts.googleapis.com/css2?family=Besley&display=swap);@import url(https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0000!important}::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}:root{--text:#080808;--border:#c7c7c7;--main:#e7e7e7;--alt-main:#c7c7c7;--inner:#eee8e8;--active:#8570e0;--fretboard-background:#eee8e8;--colored:#d3daff;--text2:#252525;--shadow:#959da533 0px 8px 24px}#darktheme{--text:#f3f5f9;--border:#757575;--main:#1e1e1e;--alt-main:#474747;--inner:#616161;--fretboard-background:#474747;--active:#bd12e7;--colored:#66008f;--text2:#2b2b2b;--shadow:#69696933 0px 8px 24px}body{background:#e7e7e7;background:var(--main);color:#080808;color:var(--text);font-family:Besley}button{border:none}.content{height:100%;left:60px;width:calc(100% - 60px)}.content,.prompt{position:absolute}.prompt{background:#eee8e8;background:var(--inner);border-radius:5px;left:50%;overflow:auto;top:50%;transform:scale(1) translate(-50%,-50%);width:50%;z-index:2}.prompt .head{align-items:center;background:#c7c7c7;background:var(--alt-main);color:#080808;color:var(--text);display:flex;justify-content:space-between;padding:5px 10px}.prompt .head button{background:#d3daff;background:var(--colored);border-radius:5px;color:#080808;color:var(--text);height:30px;margin-left:5px;min-width:30px;padding:5px}.prompt .head button:hover{background:#8570e0;background:var(--active)}.prompt .prompt-content{height:calc(100% - 48px)}.prompt .prompt-content form{display:flex;flex-direction:column;height:100%}.prompt .prompt-content form .inner{display:flex;flex-direction:column;padding:8px 10px}.prompt .prompt-content form .inner .tunings{align-items:center;display:flex;flex-wrap:wrap;font-size:20px;height:auto;justify-content:center}.prompt .prompt-content form .inner .tunings div,.prompt .prompt-content form .inner .tunings div input{margin:5px}.prompt .prompt-content form .inner .tunings div label{padding:5px}.prompt .prompt-content form .inner input,.prompt .prompt-content form .inner label{margin:4px 0}.prompt .prompt-content form .inner .degree input,.prompt .prompt-content form .inner .degree label,.prompt .prompt-content form .inner .degree select{margin:5px}.prompt .prompt-content form #submit{background:#d3daff;background:var(--colored);border:none;margin-top:10px;min-height:40px}.prompt .prompt-content form #submit:hover{background:#8570e0;background:var(--active)}.prompt-transition-enter{opacity:0;transform:scale(0) translate(-100%,-100%)}.prompt-transition-enter-active{opacity:1;transform:scale(1) translate(-50%,-50%);transition:all .5s ease}.prompt-transition-exit-active{opacity:0;transform:scale(0) translate(-100%,-100%);transition:all .5s ease}.nav{background:var(--main);box-shadow:var(--shadow);height:100%;overflow:hidden;position:fixed;transition:width .5s;width:60px;z-index:100}.nav.active,.nav:hover{overflow-y:auto;width:300px}.nav .logo{display:flex;height:60px;width:100%}.nav .logo .icon{padding-right:5px}.nav .logo .title{font-weight:900;line-height:60px}.nav .buttons{height:calc(100% - 60px)}.menu{display:flex;flex-direction:column;height:100%}.nav button{background:var(--colored);border:none;color:var(--text2);display:flex;height:60px;margin:0;transition:background .5s,color .5s;width:100%}.nav .icon{font-size:24px;height:60px;line-height:60px;min-width:60px;text-align:center}.nav .icon.reverse{transform:scaleX(-1)}.nav .icon.text{font-weight:500;line-height:56px}.nav .title{line-height:55px;padding:0 10px;text-align:start;white-space:nowrap}.nav .chevron{line-height:63px}.nav .chevron,.nav .trash{margin-left:auto;padding-right:8px;white-space:nowrap}.nav .trash{height:60px;min-width:60px}.nav .trash button{align-items:center;display:flex;font-size:24px;justify-content:center;transition:background .5s,color .5s}.nav button:hover .trash button:hover{background-color:var(--colored)}.nav button:hover{background:var(--main);color:var(--text);cursor:pointer}.nav button:hover .trash button{background-color:var(--main);color:var(--text)}.contact{margin-top:auto;padding-bottom:20px;width:100%}.contact button:hover{background:var(--active);color:var(--text2)}.contact a{color:var(--text2);font-size:26px;padding:0 10px;text-align:center;text-decoration:none;transition:background .5s,color .5s;width:60px}.contact a:hover{background-color:var(--main);color:var(--text)}.contact .title{color:var(--text);display:flex;line-height:68px;padding:0}.menu-primary-enter{opacity:0;position:absolute;width:300px}.menu-primary-enter-active{opacity:1;transition:all .25s ease}.menu-primary-exit{position:absolute;width:300px}.menu-primary-exit-active{opacity:0;transition:all .25s ease}.menu-secondary-enter{opacity:0;position:absolute;width:300px}.menu-secondary-enter-active{opacity:1;transition:all .25s ease}.menu-secondary-exit{position:absolute}.menu-secondary-exit-active{opacity:0;transition:all .25s ease}.scaleDisplayer{align-items:center;flex-direction:column}.scaleDisplayer,.scaleName{display:flex;justify-content:center}.scaleName{padding-bottom:15px;width:100%}.scaleName h1{color:var(--active);font-family:EB Garamond,serif;font-size:55px}.tones{width:100%}.tones ul{align-items:center;display:flex;justify-content:center;padding:0 50px}.tones ul li{display:inline-block;flex:1 1;line-height:20px;list-style:none;margin:5px 25px;padding:5px 0;position:relative;text-align:center}.fretboard,.tones ul li{border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow)}.fretboard{margin:10px;padding:10px}.fretboard .strings{background:var(--fretboard-background);border-bottom:1px solid var(--text);border-top:1px solid var(--text);margin:0 5px;padding:10px 0}.fretboard .strings ul{border:1px solid var(--border);font-weight:700}.fretboard .strings ul li{border-right:1px solid var(--border);height:35px;width:35px}.fretboard .strings ul li div{border-radius:50%;height:28px;margin:5px auto;position:relative;text-align:center;width:28px;z-index:1}.fretboard .strings ul li:first-child{border-right:2px solid var(--text)}.fretboard.reverse .strings ul li:first-child{border-left:2px solid var(--text);border-right:none}.fretboard .strings ul li div.colored{background:var(--colored)}.fretboard .strings ul li div.selected{background:var(--active)}.fretboard .strings ul li hr{bottom:50%;color:var(--inner);position:relative}.fretNumber{padding:10px;text-align:center}ul{align-items:center;display:flex;justify-content:center}ul li{display:inline-block;flex:1 1;list-style:none}.fretboard.reverse ul{flex-direction:row-reverse}.chordbuilder{display:flex;flex-direction:row;justify-content:center;padding:0 1vw}.chordbuilder h2{text-align:center}.chordbuilder .chords{border:1px solid var(--border);border-radius:5px;box-shadow:var(--shadow);margin:10px 10px 10px 0;padding:10px}.chordbuilder button{background:var(--alt-main);border-radius:2px;color:var(--text);margin:3px;padding:10px;transition:background .5s}.chordbuilder button.colored:hover,.chordbuilder button:hover{background:var(--active);cursor:pointer}.chordbuilder button.colored{background:var(--colored)}.chordbuilder button.selected{background:var(--active)}
/*# sourceMappingURL=main.91eb55e1.css.map*/