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}body{background:#fffe8f;background:linear-gradient(45deg,#ffe18f,#ffd38c);text-align:center}.container{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.mainDiv{margin-left:auto;margin-right:auto;margin-top:100px;position:relative;width:80%}@media (max-width:1050px){.mainDiv{width:99%}}.writtenAreas{word-wrap:break-word;margin-left:auto;margin-right:auto;text-align:justify;white-space:normal;width:650px}@media (max-width:700px){.writtenAreas{width:87%}}.tdButtons{margin-left:auto;margin-right:auto;white-space:normal;width:650px}@media (max-width:700px){.tdButtons{width:99%}}table{background:#fff;border:1px solid #000;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-left:auto;margin-right:auto;table-layout:fixed;width:99%}table,td{overflow:hidden}td{background-color:#e6e4e3;text-align:center}.lighterTable,.tableTopRow{background-color:#f5f2ee}@media (max-width:800px){.tableTopRow{font-size:.5em}}.settingsTable{table-layout:fixed;width:60%}@media (max-width:750px){.settingsTable{width:99%}}.tableClone{background-color:#eee;border:1px solid #000;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:table;margin-left:auto;margin-right:auto;table-layout:fixed;width:99%}.noHighlight{background-color:#e6e4e3}@media (max-width:800px){.noHighlight{font-size:.6em}}.level4Highlight{background-color:#f5deb363}@media (max-width:800px){.level4Highlight{font-size:.6em}}.level3Highlight{background-color:#f5deb39d}@media (max-width:800px){.level3Highlight{font-size:.6em}}.level2Highlight{background-color:#f5deb3d3}@media (max-width:800px){.level2Highlight{font-size:.6em}}.level1Highlight{background-color:wheat}@media (max-width:800px){.level1Highlight{font-size:.6em}}.disengagedEffect{background-color:#e7e5e3}.engagedEffect{background-color:#e0b3f5}.engagedEffectHeading{background-color:#c870f1}.masterVolume{background-color:#eee;border:1px solid #000;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:table;margin-left:auto;margin-right:auto;table-layout:fixed;width:60%}@media (max-width:750px){.masterVolume{width:99%}}a:link,a:visited{color:#000}a:hover,a:link,a:visited{border-bottom:1px dotted #000;text-decoration:none}a:hover{color:#454adb}a:active{border-bottom:1px dotted #000;color:#c870f1}a:active,button{text-decoration:none}button{-webkit-touch-callout:none;background-color:#e6e4e3;border:1px inset #000;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:#000;display:inline-block;font-size:14px;padding:10px 16px;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mb:active{background-color:#e0b3f5}.fxButtons:active{background-color:#9294da}button:active{-webkit-transform:translateY(1px);transform:translateY(1px);z-index:1}button:focus{outline:none}.infoButton{padding:4px}.infoButton:active{background-color:#e0b3f5}.regularPlayButton{background-color:#e6e4e3}.activeButton{background-color:#e0b3f5;-webkit-transform:translateY(1px);transform:translateY(1px);z-index:1}.rootButton{background-color:wheat}.activeRootButton{background-color:#c870f1;-webkit-transform:translateY(1px);transform:translateY(1px);z-index:1}@media (max-width:1500px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{padding:10px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:1200px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{padding:10px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:1050px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{padding:10px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media (max-width:950px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{overflow:hidden;padding:10px 0;width:65px}}@media (max-width:820px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{width:55px}}@media (max-width:690px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{width:45px}}@media (max-width:565px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{width:39px}}@media (max-width:500px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{width:33px}}@media (max-width:450px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{width:30px}}@media (max-width:390px){.activeButton,.activeRootButton,.regularPlayButton,.rootButton{width:25px}}.tableKeys{font-size:large;font-style:bold}.chordNotes{font-size:smaller;font-style:italic}canvas{background:hsla(0,0%,100%,.836);border:1px solid #000;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}input{text-align:center}input,input[type=number]{background-color:#fff5e3}input[type=range]{-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#b1b1b1;height:.75rem}input[type=range]::-moz-range-track{background:#b1b1b1;height:.755rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#6c6ed6;height:.75rem;margin-top:0;width:1rem}input[type=range]::-moz-range-thumb{background-color:#6c6ed6;border:none;border-radius:0;height:.75rem;width:1rem}.bottomCorner{background-color:#eee;border:1px solid #000;border-radius:10px;bottom:0;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin-bottom:10px;margin-right:10px;opacity:.8;padding:10px;position:fixed;right:0;z-index:1}.bottomBar{border-top:1px solid #000;display:table;margin-left:auto;margin-right:auto;table-layout:fixed}.bottomBar,.topBar{background-color:#eee;box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);width:100%}.topBar{border-bottom:1px solid #000;height:75px;left:0;position:fixed;top:0;z-index:10}header{align-items:center;display:flex;height:75px;justify-content:flex-end;width:100%}header>h2{margin-left:10px;margin-right:auto}header span{float:right}.vl,header span{margin-right:10px}.vl{border-left:3px solid #fff;height:75px}.topButton1{width:175px}.topButton1:active{background-color:#e0b3f5}@media (max-width:430px){.topButton1{width:160px}}@media (max-width:410px){.topButton1{width:130px}}.topButton2{width:215px}.topButton2:active{background-color:#e0b3f5}.chordsPlayTable{margin-left:auto;margin-right:auto;touch-action:none;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.center{text-align:center}ul{list-style-type:square}ol li{padding:10px}ul li{padding-right:1em}.noPadding{padding:none}
/*# sourceMappingURL=main.c660c95b.css.map*/