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}a{color:#373737}.right{text-align:right;margin-right:20px}.tm{font-size:10px}.no-break{white-space:nowrap}.footer{border-top:1px solid #000;padding-top:20px;text-align:center;margin-top:20px;margin-bottom:20px;font-size:12px}.footer .copyright-notice{margin:auto;font-size:11px;width:60%}.toc{position:fixed;width:100%;top:-800px;left:0;z-index:5;display:block;transition:all 2s ease 0s}.toc.open{top:95px}.toc-channel{flex:1 1;padding:10px}.toc-inner{margin:auto;max-width:1000px;background-color:#e6e2e0;border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:10px 10px 15px;border:1px solid #474441}.toc ol{margin-top:0;margin-left:0;padding:10px}.toc a{text-decoration:none;font-size:16px}.toc li{margin:8px 10px}.toc .close-button{cursor:pointer}.shadow{-webkit-filter:drop-shadow(.5px .5px .25px rgba(51,51,51,.9));filter:drop-shadow(.5px .5px .25px rgba(51,51,51,.9))}.hexkeyhelper .shadow{-webkit-filter:drop-shadow(2px 2px 1px rgba(51,51,51,.4));filter:drop-shadow(.5px .5px .5px rgba(31,31,31,.7))}.course{min-height:1000px;max-width:1000px;margin:auto;padding:0 15px}.course-nav{font-family:avenir,sans-serif;font-size:16px;margin-top:35px;margin-bottom:35px}.course-nav .next{text-align:right}.course-nav a{color:#2196f3}.login{margin-top:15px}.login-button{margin-left:15px}.login-message{margin-top:15px}body{font-family:avenir,sans-serif}h1{font-size:27px}h1,h2{font-family:kefa,serif}h2{font-size:24px}h3{font-size:21px;font-family:kefa,serif}h3:first-child{margin-top:0}.bold{font-weight:700}p:first-of-type{margin-top:0}div.centered{text-align:center}.chapterBlock{border-radius:10px;background-color:#faf6f2;padding:15px;color:#373737}.top-block-spacing{margin-top:30px!important}.bottom-block-spacing{margin-bottom:30px!important}.chapterBlock span{white-space:nowrap}.chapter-link{clear:both;text-align:center;margin-bottom:25px}.row{display:flex}.row.divider{border-bottom:1px solid #373737}.row.bottom-space{padding-bottom:30px;margin-bottom:30px}.giant-steps-row{max-width:100%}.giant-steps-row h4{margin-bottom:6px}.right-channel{padding-left:20px}.six-channel{flex:6 1}.five-channel{flex:5 1}.four-channel{flex:4 1}.left-channel{padding-right:15px}.fullChannel{flex:1 1}.leftChannel{flex:6 1}.leftChannel.flip,.rightChannel{flex:4 1}.rightChannel.flip{flex:6 1}.leftChannel p{margin-top:0}.one-flex-column,.one-third-channel{flex:1 1;padding:5px}.one-third-channel .hkmap{margin:0 0 0 -40px}.giant-steps-column{flex:1 1}.with-side-bar .right-channel div{text-align:center}.side-bar div{text-align:center}.side-bar-block{margin-bottom:15px;background-color:#e2ddd8;padding:25px 10px 15px;border-radius:10px}.side-bar-block div{margin-bottom:20px}.side-bar-block:last-child{margin-bottom:0}.rightChannel svg{display:block;margin:auto}.caption{text-align:left;margin:10px auto auto;width:85%;font-size:17px}.rightChannel .caption ul{padding-left:0}#chapter-one .base-map svg,#chapter-one .single-key svg,#chapter-one .two-chord svg{margin:auto}#chapter-six li{margin-bottom:8px}.leftChannel .hkmap{display:block;margin:auto}.caption-title{text-align:center;text-decoration:underline;margin-bottom:10px;font-size:20px;font-family:kefa}.helper-block{margin-bottom:15px}.helper-block:last-child{margin-bottom:0}ul.exercise-steps{padding-right:75px;margin-bottom:50px}.exercise-steps li{margin-bottom:10px}.previous-chapter{margin-right:20px}.chapter-navigation-link{margin:15px 0}.chapter-shell{margin:110px auto auto;max-width:1000px;font-size:18px}.HKM-note-circle.hilited,.HKM-note-circle.hilited.selected{fill:#2196f3;stroke:#2196f3}.interval-component.interval-wrapper .interval-arrow-inner.selected{fill:#2196f3}.HKM-interval-label.selected.one text,.HKM-interval-label.selected.two text{fill:#2196f3;font-weight:700}.accidental{-webkit-transform:translate(6px);transform:translate(6px);font-size:14px}.key-builder-exercise .accidental{-webkit-transform:translate(12px);transform:translate(12px);font-size:16px}.center-hex .accidental{-webkit-transform:translate(11px);transform:translate(11px)}g.accidental-included .accidental-split-base{-webkit-transform:translate(-4px);transform:translate(-4px)}.hkmap{overflow:visible}.HKMKey{stroke-width:0px}.neighbors .HKMNote{pointer-events:none}.HKMKey.hilited,.HKMKey.selected{opacity:1}.grouping .HKMKey{stroke-width:1px}.HKMKey polygon{fill:#ceccca;stroke:#636363;stroke-width:.5}.HKMKey.selected polygon{fill:#a0a0a0;stroke:#fff}.HKMKey.selected.hilited polygon{fill:#585858}.HKMKey.hilited polygon{fill:#616161}.field-key-label{fill:#aca5a0;stroke:none;font-weight:700;text-anchor:middle;cursor:pointer;pointer-events:none}.HKMKey.hilited .field-key-label,.HKMKey.selected .field-key-label{fill:#fff}.chord-helper .HKM-note-circle{stroke:none}.chord-helper .HKM-note-circle.hilited.selected{fill:#2196f3;stroke:none}.chord-helper .HKM-note-circle.hilited{fill:#8b8b8b;stroke:none}.chord-helper .HKM-note-circle.selected{fill:#3d3d3d;stroke:none}.giant-steps-animation .HKM-note g{transition:all 1.5s ease}.giant-steps-animation .field-hexagon{transition:all 1.5s linear}.HKM-note-circle{fill:#c4c4c4;opacity:1;stroke:#fff;stroke-width:1px}.HKM-note-circle.selected{fill:#787878}.HKM-note-name{pointer-events:none;cursor:pointer;fill:#fff;font-weight:700;text-anchor:middle;font-family:kefa,serif}.dividing-line{fill:#2196f3}.chord-label{font-size:20px;fill:#363535}.interval-arrow-inner.selected{fill:#2196f3}.interval-component .HKMKey{fill:none;stroke-width:0px}.HKM-interval-label.one text{fill:#8a8989}.HKM-interval-label.two text{fill:#3e3d3d}.interval-exercise .HKM-interval-label{display:none}.interval-component .interval-arrow-inner.one{fill:#8a8989}.interval-component .interval-arrow-inner.two{fill:#3e3d3d}.interval-component.chord-interval-base .HKMKey{fill:#bbb9b9;stroke:#bbb9b9;stroke-width:8px}.sequence-flow-component .HKMKey polygon{fill:none;stroke-width:0px}.musical-alphabet div{text-align:center;font-size:18px}.musical-alphabet-note{margin-right:10px}.musical-alphabet-note.reference-note{font-weight:700;font-size:20px}.musical-alphabet-note.selected-note{font-weight:700;color:#2196f3;font-size:20px}.key-compass .hkmap{-webkit-transform:translate(30px);transform:translate(30px)}.key-select{font-size:20px;margin-bottom:15px}.key-builder-exercise .message{margin-top:25px}.helpers{text-align:center}.helpers,.note-select{font-size:20px}.message{margin-top:25px;text-align:center}.interval-buttons,.message,.show-hide-toggler{margin-bottom:20px}.interval-buttons{text-align:center}.exercise-compass{-webkit-transform:translateX(15px);transform:translateX(15px)}.note-buttons{margin-top:40px}.note-buttons div{text-align:center}.note-buttons.sharp .second-row{margin-left:-50px}.note-buttons.flat .second-row{margin-left:50px}.note-buttons button{font-size:20px;width:60px;cursor:pointer}.incorrect .HKMKey.hilited polygon{fill:#9a1111}.correct .HKMKey.hilited polygon{fill:#073a7b}.top-nav{position:fixed;top:0;left:0;background-color:#292828;width:100%;height:75px;border-bottom:1px solid #373737;z-index:10;padding:10px;color:#fff}.top-nav-inner{max-width:1000px;margin:auto}.top-nav h1{margin-top:0}.top-nav button{margin-left:20px}.toc-toggle{cursor:pointer}.arrow{position:relative;left:10px;top:10px}.arrow:after,.arrow:before{position:relative;content:"";display:block;width:10px;height:2px;background:#fff;transition:.3s ease-in-out}.arrow:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.arrow:after{left:6px;top:-2px}.arrow:after,.toc-toggle.open .arrow:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.toc-toggle.open .arrow:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.exercise-back-link{margin:15px 0}.exercise-shell{margin:110px auto auto;max-width:1000px;font-size:18px}
/*# sourceMappingURL=main.71c0e7ca.chunk.css.map */