body{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}@font-face{font-family:"open_sans_condensedbold";src:url(/static/media/opensanscondensed-bold-webfont.62eab221.woff2) format("woff2"),url(/static/media/opensanscondensed-bold-webfont.29abdf63.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"open_sans_condensedlight";src:url(/static/media/opensanscondensed-light-webfont.4cded119.woff2) format("woff2"),url(/static/media/opensanscondensed-light-webfont.0a99d113.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"roboto_monoregular";src:url(/static/media/robotomono-variablefont_wght-webfont.d73f8b38.woff2) format("woff2"),url(/static/media/robotomono-variablefont_wght-webfont.33aab500.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"kestoy_selfiekestoy_selfie";src:url(/static/media/kestoy_selfie-webfont.3c281f60.woff2) format("woff2"),url(/static/media/kestoy_selfie-webfont.eaec0f65.woff) format("woff");font-weight:400;font-style:normal}html{scroll-behavior:smooth}.content{background-color:#f1f1f1;text-align:justify;text-justify:inter-word}.collapseContent{padding:0 18px;display:none;overflow:block;background-color:#f1f1f1}.App{text-align:center;display:flex;flex-flow:column;align-items:center;width:99vw;min-height:100vh}#GuitarTabView .string{font-size:1em}body{color:#fefffe;font-size:calc(12px + (400vw - 1280px)/530);background-image:url(/static/media/tkbg.654b942e.png);background-attachment:fixed;background-repeat:no-repeat;background-position:top;background-size:cover}#topBarWrapper,body{width:100%;background-color:#141414}#topBarWrapper{flex-flow:row nowrap;align-items:center;height:45px;position:fixed;z-index:1}#tabkeyLogo,#topBarWrapper{display:flex;justify-content:center}#tabkeyLogo{width:20%;font-family:"kestoy_selfiekestoy_selfie";font-size:1.5em;color:#fefffe}#topBarSpace{display:flex;width:80%;height:100%}#menuButton{display:flex;width:20%;justify-content:center}a.menu{z-index:3;text-decoration:none;color:#fefffe;font-size:1.25em;font-weight:700}#largeNav{display:none}nav{background-color:#141414;z-index:0}nav,nav ul{display:flex}nav ul{list-style:none;width:99vw}nav ul li{display:flex;min-height:45px;max-height:20%;font-size:2em;font-family:"open_sans_condensedbold";letter-spacing:1px;text-transform:uppercase}nav ul li a{display:block;text-decoration:none;background:rgba(0,0,0,.3);color:#fefffe}.drawer{transition:transform .25s linear}.navMenu{display:flex;flex-flow:column;height:100vh;margin:0;padding:0}#navWrapper{display:flex;width:100%;height:100%;justify-content:center}#navWrapper ul{display:flex;flex-flow:column;list-style:none}.navButton{display:flex;width:100%;height:10%;min-height:55px;justify-content:center;align-items:center;font-family:"Roboto",sans-serif}.no-csstransforms .top{position:static}.no-csstransforms .drawer nav{display:none}.no-csstransforms .drawer.active nav{display:block}.Sibebar{align-items:center;height:auto;color:#fefffe}#sideWrapper,.Sibebar{display:flex;flex-flow:column nowrap;width:100%}#sideWrapper{height:100%}#viewSelect{display:flex;flex-flow:row wrap;max-height:100px;height:100%;font-style:italic;justify-content:center}#toggleWrapper{display:flex;flex-flow:row;height:20px;width:40px;align-items:center;border-radius:20px}.falseStyle{background-color:#56615a;justify-content:flex-end}.trueStyle{background-color:#04f06a;justify-content:flex-start}.toggleGreen{background-color:green}#toggleSwitch{background-color:#fffcf9;height:20px;width:20px;border-radius:20px}#wrapperGuitarTuning{display:flex;flex-flow:column;width:100%;height:90vh;touch-action:manipulation}#wrapperGuitarTuning .cell{height:100%}#wrapperGuitarTuning a{text-decoration:none}#wrapperGuitarTuning button{display:flex;justify-content:center;align-items:center;font-style:italic;font-family:"Roboto";font-size:.8em;padding:0}.inner{display:flex;flex-flow:column}.inner strong{letter-spacing:1px;text-transform:uppercase;font-family:"Roboto";font-size:1.5em}.tuning-row{display:flex;flex-flow:column;width:100%;height:100%}.tuningButton{width:98vw;height:15vh}button{border:.1em solid #202020;background-color:rgba(32,32,32,.1)}.buttonContainer{display:flex;flex-flow:column;align-items:flex-start;height:100%;width:100%}.chosen{color:#04f06a;background-color:#202020}.unchosen button{color:#fefffe;border-color:#202020}#buttonWrapper button:hover,#wrapperGuitarTuning button:hover{background-color:rgba(32,32,32,.75);transition:.3s}#buttonWrapper{display:flex;flex-flow:column;margin:25px 0;touch-action:manipulation}#buttonWrapper button{color:#fefffe}Button{-webkit-user-select:none;-ms-user-select:none;user-select:none}#buttonWrapper a{display:flex;text-decoration:none}.userButton{width:50%;min-height:90px;height:10%;background-color:transparent}#correctionControls{height:45px;display:flex}#resetButton{display:flex;justify-content:center;align-items:center;width:50%}#backspaceButton,#resetButton{height:100%;background-color:rgba(52,10,9,.3)}#backspaceButton{width:35%}#toTopButton{width:15%;height:100%;background-color:rgba(52,10,9,.3)}#toTopButton a{color:#fefffe;height:100%;width:100%;justify-content:center;align-items:center}.invisible{-webkit-animation:FADE-OUT .3s;animation:FADE-OUT .3s;opacity:0}.visible{-webkit-animation:FADE-IN .3s;animation:FADE-IN .3s}#mainView{display:flex;height:100%;width:99vw;justify-content:center}#fullScale,#mainView{flex-flow:column}#keysWrapper,#keyViewWrapper{display:flex;width:100%}#keysWrapper{flex-flow:row;justify-content:center}#majorKey,#minorKey{display:flex;flex-flow:column;align-items:center;width:50%;font-family:"open_sans_condensedlight";font-size:1.5em}#majorKey div,#minorKey div{display:flex;height:100%;min-height:50px}#keysWrapper span{font-family:"kestoy_selfiekestoy_selfie";letter-spacing:1px;font-size:1.25em;text-decoration:underline}#fullScale{display:flex;flex-flow:row;justify-content:space-between;font-size:45px;width:100%;height:100%;font-family:"open_sans_condensedbold"}#fullScale div{min-width:70px;min-height:70px;width:100%;height:100%}#neckWrapper{flex-flow:column;min-height:100px}#neckView,#neckWrapper{display:flex;width:100%}#neckView{position:relative;height:100%;align-items:center}#neckView img,#strings{height:100%;width:100%}#strings{display:flex;flex-flow:column;position:absolute}#LowEString{flex-flow:row}#LowEString,.note{display:flex;width:100%;height:100%}.note{background-color:#757575;justify-content:center;border-radius:50%;font-family:"open_sans_condensedlight";font-size:.75em;text-shadow:1px 1px #000}#AString,#BString,#DString,#GString,#highEString,#lowEString{display:flex;align-items:center;width:100%;height:100%;margin:.25% 0}#guitarViews .cell{min-height:50px}#guitarAnchor{height:45px}#GuitarTabView{display:flex;flex-flow:column;justify-content:center;align-items:center;font-family:"roboto_monoregular";font-size:1.75em;width:100%;margin-bottom:25px}.string{display:flex;flex-flow:row}#RightBar{display:flex;justify-content:center;align-items:center;width:100%}#RightBar span{display:flex;font-size:14px;font-family:"roboto"}#rightWrapper{display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%}.row{display:flex;flex-flow:row;width:65%;height:20px}.cell{flex-flow:column}.cell,.titleCell{display:flex;width:100%}.titleCell{flex-flow:row;justify-content:flex-start}.modeCell{flex-flow:row;justify-content:flex-end}#footer,.modeCell{display:flex;width:100%}#footer{flex-flow:column;align-items:center;justify-content:center}#socials{display:flex;width:100%;justify-content:space-evenly}#socials i{font-size:25px}#C{display:flex;height:25px;justify-content:center;align-items:center;font-size:11px;margin-bottom:5px}#pianoWrapper{justify-content:space-evenly;min-height:90vh;margin-top:45px}#landscapeCheck,#pianoWrapper{display:flex;flex-flow:column;align-items:center;width:100%}#landscapeCheck{justify-content:center;max-height:45px;color:#505050}#landscapeCheck div{display:flex;justify-content:center;align-items:center;min-height:45px}#rotate i{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;font-size:2em}@-webkit-keyframes spin{20%,to{transform:rotate(1turn)}}@keyframes spin{20%,to{transform:rotate(1turn)}}#keyboard{display:inline-block;height:200px;width:100%;justify-content:center;transition:.3s;touch-action:manipulation}.whiteKey{background-color:#fff;width:7%;outline:.5em}.blackKey,.whiteKey{display:flex;flex-flow:column;height:100%;justify-content:flex-end;align-items:center}.blackKey{background-color:#000;width:5%;margin:0 1%}.spanSpacer{display:flex;width:100%;height:100px}.blackKey div div,.whiteKey div div{display:flex;width:100%;height:100%;transition:.3s;justify-content:center;align-items:center}.blackKey span,.whiteKey div div{display:flex;font-size:1.25em;height:20px;width:20px;justify-content:center;align-items:center;color:#fefffe;text-shadow:1px 1px 3px #000;border-radius:50%}#blackKeyWrapper{display:flex;height:100px;width:100%;position:absolute;justify-content:center;max-width:1000px}.keySpacer{width:7%}.keyEnd,.keySpacer{display:flex;background:transparent}.keyEnd{height:50%;width:3.5%}#notificationWrapper{display:flex;position:absolute;height:200px;width:98%;justify-content:flex-end;background-color:transparent;pointer-events:none;max-width:1000px}#rootNotification{display:flex;justify-content:center;align-items:flex-end;height:100%;width:50%;font-size:1.25em;background-color:rgba(20,20,20,.9);font-family:"roboto";z-index:1}#rootNotification div{padding-bottom:40px}#pianoBottomBar{display:flex;width:100%;max-height:300px;justify-content:center;align-items:space-evenly;flex-flow:row wrap}#pianoBottomBar button{display:flex;order:2;background-color:rgba(52,10,9,.3);width:50%;color:#fefffe;justify-content:center;align-items:center;min-height:100px;font-size:1em}#scaleDiv{width:50%;order:1}#scaleDiv,#scaleDiv div{display:flex;flex-flow:column}#scaleDiv span{display:flex;align-items:flex-start}.scaleDivTitle{font-family:"roboto";text-decoration:underline;font-size:.75em}#scaleRoot{font-family:"kestoy_selfiekestoy_selfie"}#scaleMode{font-family:"open_sans_condensedlight"}#scaleMode,#scaleRoot{font-size:1.5em;min-height:50px;text-shadow:2px 2px 2px #000}#scaleMode,#scaleRoot,#scaleRoot span{display:flex;height:100%;width:100%;align-items:center;justify-content:center}#modeTable{display:flex;width:75%;flex-flow:column;font-size:14px;justify-content:center;order:3;margin:20px 0}#modeTable .row{display:flex;width:100%}#modeTable .cell:first-child{display:flex;align-items:flex-start}#modeTable .cell:nth-child(2){display:flex;align-items:flex-end}#HowTo,#keyboard,#pianoBottomBar{display:flex}#HowTo{justify-content:center;align-items:center}#howToWrapper{display:flex;flex-flow:column;width:90%;min-height:85vh;margin-top:47px}#howToWrapper span{text-align:center;font-size:1.5em;margin:50px 0}#howToWrapper p{text-align:justify;font-size:1em}#gneckhow img{height:auto;width:100%;max-width:600px}#FAQWrapper{flex-flow:column;justify-content:center;align-items:center}#FAQ,#FAQWrapper{display:flex;height:100%}#FAQ{width:100%;max-width:1000px;min-height:95vh;flex-grow:3;margin:50px 0;flex-direction:column;justify-content:flex-start}#FAQWrapper button{font-size:1.625em;display:flex;justify-content:space-between}#show{display:none}.collapsible{background-color:transparent;color:#fefffe;cursor:pointer;padding:18px;width:100%;border:1px solid #202020;text-align:left;outline:none;font-size:15px}.collapsible div{width:30px;display:flex;justify-content:center;align-items:center}.active,.collapsible:hover{background-color:rgba(32,32,32,.8)}.content{padding:0 18px;display:none;overflow:hidden;background-color:#141414}.content p{text-justify:inter-word;text-align:justify;font-size:1em}.coll-wrapper{width:100%}@media only screen and (min-width:600px){#GuitarTabView .string{font-size:1.5em}#landscapeCheck{display:none}#pianoBottomBar{justify-content:space-evenly;margin-top:20px;min-height:200px}#scaleDiv{order:1;width:25%;height:100%}#modeTable{order:2;width:35%;height:100%;margin:0;font-size:.75em}#pianoBottomBar button{display:flex;order:3;width:25%;height:100%}#AString,#BString,#DString,#GString,#highEString,#lowEString{display:flex;align-items:center;width:100%;margin:.25% 0}.note{font-size:.9em;font-family:"open_sans_condensedbold"}#correctionControls{height:65px}#HowTo{display:flex;justify-content:center;align-items:center}#HowTo span{font-size:2em}#HowTo p{font-size:1.25em}#howToWrapper{width:600px}}@media only screen and (min-width:1000px){#topBarWrapper{display:flex;width:100%}#tabkeyLogo{display:flex;width:15%}#topBarSpace{display:flex;max-width:50%}#menuButton,#navWrapper{display:none}nav{font-size:.5em}#largeNav{display:flex;justify-content:center;align-items:center;width:35%}#largeNav ul{display:flex;flex-flow:row;list-style:none;width:35%;margin:0;padding:0}#correctionControls{height:85px;display:flex}#largeNav a{text-decoration:none}#largeNav a:hover{background-color:#000;transition:.5s}.largeNavButton,li{min-width:100px;font-size:.75em}#mainView,.largeNavButton,li{display:flex;flex-flow:column;justify-content:center;align-items:center}#footer,#guitarViews,#pianoView{display:flex;width:1000px;align-items:center;justify-content:center}#wrapperGuitarTuning{display:flex;flex-flow:row nowrap;align-items:space-between;justify-content:space-between;width:100%;height:100px}#wrapperGuitarTuning .cell{display:none}.tuning-row{display:flex;flex-flow:row nowrap;height:100px}.tuningButton{display:flex;justify-content:center;align-items:center;width:150px;height:100px}.tuningButton,.tuningButton strong{font-size:.75em}.tuning-row a{height:100px}.inner span{font-size:10px}#GuitarTabView .string{font-size:50px}.note{font-size:20px;font-family:"open_sans_condensedbold"}#AString,#BString,#DString,#GString,#HighEString,#lowEString{display:flex;align-items:center;width:100%;margin:0}#howToWrapper{width:60%}#HowTo p{font-size:1em}}
/*# sourceMappingURL=main.697be8d6.chunk.css.map */