@import url(https://fonts.googleapis.com/css2?family=Open+Sans&family=Rammetto+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fascinate+Inline&family=Raleway&display=swap);header{position:fixed;overflow:hidden;top:0;width:100%;height:50px;flex-direction:row;align-items:center;padding:0 8px;margin-top:0;background-image:linear-gradient(120deg,#1b2f31,#274144);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;justify-content:space-between;z-index:4}header button{background:none;border:none;color:#fc4d4d}h1,h1 a{padding:0;margin:0}h1 a{font-weight:700;font-size:100%;font-family:"Fascinate Inline",Arial,Helvetica,sans-serif;background:url(/static/media/conductor-with-neons-red.42d18bef.jpg),hsla(0,0%,100%,.739);background-size:auto auto;background-size:initial;background-attachment:fixed;-webkit-text-fill-color:transparent;-webkit-background-clip:text}nav{flex:1 1;justify-content:space-evenly;font-size:16px}.hamburger{margin-right:12px;font-size:25px}@media only screen and (min-width:760px){h1{font-size:28px}nav{justify-content:flex-end;flex:0 1;background:none}.hamburger{display:none}}nav{position:fixed;top:48px;right:0;padding:4px;display:flex;flex-direction:column;text-align:right;background-color:#274144;border-radius:0 0 0 8px;font-family:"Raleway",Arial,Helvetica,sans-serif;z-index:3}a,a:visited{color:#f8a6a0;padding:8px;text-decoration:none}a:hover{color:#ffe6e2}.username{color:#fc4d4d;font-family:"Raleway",Arial,Helvetica,sans-serif;font-weight:700}@media only screen and (min-width:760px){nav{position:static;flex-direction:row-reverse;padding-right:16px;background-color:none;z-index:3}nav a{flex-flow:row nowrap}nav a,nav span{display:flex;overflow:hidden;white-space:nowrap}nav span{align-items:center;padding-left:8px}}form input{font-family:"Raleway";font-weight:700;color:#725659}.img5{background-image:url(/static/media/conductor-with-neons-red.42d18bef.jpg);height:40vh;display:flex;align-items:center;background-attachment:fixed;background-position:50%;background-size:cover}.publicForm{background-color:#f8cfc9}.form-inputs{clear:both;display:flex;flex-direction:column;align-items:center;justify-content:center;height:25vh;min-height:180px}.form-inputs div{margin-bottom:20px}.publicForm a{font-weight:700;color:#725659}.publicForm a:hover{color:#fc4d4d}.errorMessage{padding-top:26px;color:#c83939}.publicForm input{margin-left:8px;background-color:#ffe6e2;border:none;border-bottom:2px solid #725659}.login button,.registration button{display:flex;width:300px;height:80px;justify-content:center;align-items:center;align-self:center;font-family:"Fascinate Inline","Open Sans",Arial,Helvetica,sans-serif;font-size:20px;background-image:linear-gradient(#5d4346,#4a3336,#332426,#332426);color:#ffe6e2;margin:26px auto;border-radius:4px}.login button:focus,.login button:hover,.registration button:focus,.registration button:hover{background-image:linear-gradient(#725659,#583f42,#443033,#412e31);cursor:pointer}.login,.registration{background-color:#f8cfc9}#loadText{-webkit-animation:color_change 1s infinite alternate;animation:color_change 1s infinite alternate}@-webkit-keyframes color_change{0%{color:#c29f53}to{color:#8b2c2c}}@keyframes color_change{0%{color:#c29f53}to{color:#8b2c2c}}.dashboard{background-color:#f8cfc9;display:flex;flex-flow:column;justify-content:center}.welcome{display:flex;background-image:url(/static/media/conductor-with-neons-red.42d18bef.jpg);background-size:cover;background-position:50%;min-height:30vh}.paths{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;background-color:#f8cfc9;height:63vh}.dashboard a{font-family:"Fascinate Inline","Open Sans",Arial,Helvetica,sans-serif;width:280px;color:#e9e9e9;text-align:center;font-weight:50;font-size:20px;padding:20px;margin:16px;border-radius:4px;background-color:#1b1b1b;background-image:linear-gradient(#5d4346,#4a3336,#332426,#332426);color:#ffe6e2;box-shadow:0 4px 8px 0 rgba(0,0,0,.657),0 6px 20px 0 rgba(0,0,0,.19)}.dashboard p{padding:16px;text-align:center}.motif-editor{display:flex;flex-direction:column;justify-content:center;align-items:center}.motif-display-summary,.motif-display-summary p{margin:auto;text-align:center;background-color:#ffe6e2}.motif-display-summary{padding-top:14px}.motif-options{display:flex;flex-direction:column}.motif-btn{width:150px;height:60px;font-family:"Fascinate Inline","Open Sans",Arial,Helvetica,sans-serif;font-size:16px;background-image:linear-gradient(#5d4346,#4a3336,#332426,#332426);color:#ffe6e2;margin:26px 0;border-radius:4px}.motif-btn:focus,.motif-btn:hover{background-image:linear-gradient(#725659,#583f42,#443033,#412e31);cursor:pointer}.motif-btn:active{background-image:linear-gradient(#332426,#332426,#4a3336,#5d4346)}.motif-display p{padding:8px 16px;max-width:300px}.motif-name-label{padding:16px;display:flex;flex-direction:column;text-align:center}.motif-name{margin-left:8px;font-size:18px;background-color:#ffe6e2;border:none;border-bottom:2px solid #725659}.motif-column{display:flex;flex-direction:column;flex-grow:1}.motif-column.dark{background-color:#aa8786}.motif-graph{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0;width:90vw;overflow:scroll}.motif-graph label{display:flex;padding:0;margin:0;font-size:0;flex-grow:1}.motif-display input[type=radio]{flex-grow:1;cursor:pointer;padding:.5em;-webkit-appearance:none;outline-offset:.1em;margin:3px;box-shadow:0 4px 4px -2px}.motif-display input[type=radio]:hover{background-color:brown}.motif-display input[type=radio]:checked{display:inline-block;background-image:linear-gradient(#58403c,#86635e);box-shadow:none}.motif-display label.light{background-color:hsla(0,0%,100%,.698)}.btn-7th{background-color:#ad78bd}.btn-6th{background-color:#7d9acf}.btn-5th{background-color:#3bb678}.btn-4th{background-color:#8ec806}.btn-3rd{background-color:#ff0}.btn-2nd{background-color:orange}.btn-root{background-color:red}@media only screen and (min-width:600px){.motif-options{display:flex;flex-direction:row}}.motif-dropdown{flex-direction:column;justify-content:center;padding:0 16px}.motif-dropdown,.tab-btn{display:flex;align-items:center}.tab-btn{background-color:#2c3e50;border:none;width:100vw;padding:-8px 0;flex-direction:row}.tab-btn:hover{cursor:pointer;background-color:#3f6b6d}.tab-btn:focus{outline:2px#F8A6A0 solid}.tab-btn span{color:#f8a6a0;margin:0;font-size:20px}.tab{background-color:#f8cfc9}.tab-content .expanded{padding-top:26px;transition:height 5s;height:300px}.Accordion{padding-top:72px}.method-options{display:flex;flex-direction:column;align-items:left;max-width:320px}.method-options label{padding:8px 0}.about-method{width:100%;background-color:#ffe6e2;display:flex;flex-direction:column;align-items:center}.about-method p{padding:0 16px}.method-btn{margin-right:16px;font-family:"Raleway";font-size:16px;background-image:linear-gradient(#5d4346,#4a3336,#332426,#332426);color:#ffe6e2;width:10em;height:2em;border-radius:4px}.method-btn:focus,.method-btn:hover{background-image:linear-gradient(#725659,#583f42,#443033,#412e31);cursor:pointer}.method-btn:active{background-image:linear-gradient(#332426,#332426,#4a3336,#5d4346)}.method-btn:disabled{background-image:linear-gradient(#383838,#2b2b2b,#636363,#949494)}.alter-motif,.note-by-note,.spawn-motif{display:flex;flex-direction:column;align-items:center}.table-headers,.table-row{display:flex;flex-flow:row nowrap;justify-content:space-evenly}.table-headers h3{border:2px solid #000;font-size:14px}.table-headers h3,.table-row span{margin:0;text-align:left;border:1px solid #000;flex:1 1;padding:8px}.table-row{width:100%;padding:0;background-color:#ffe6e2;border:none;align-items:stretch}.odd{background-color:#f8cfc9}#selectedMotif{background-color:#f06c6c}.table-row:hover{background-image:linear-gradient(#ffe6e2,#dfaca4)}.table-row:active{background-image:linear-gradient(#dfaca4,#ffe6e2)}.table-row:focus{outline:3px solid #fc4d4d}.control-panel{position:fixed;width:100%;padding:16px;display:flex;flex-direction:row;justify-content:space-between;background-color:#ffe6e2;z-index:1}.global-tempo-volume,.global-transport{display:flex;flex:1 1}.panel-btn{padding:0;font-size:18px;border:none;color:#4a3336;background:none}.panel-btn:hover{color:#f8a6a0}.motif-name{font-size:24px;color:#4a3336;padding:0;margin:0}.global-tempo-volume{margin-right:20px}#loop{width:46px;padding:0 8px}#back,#forth{width:52px;padding:0 8px}#play{width:48px;padding:0 8px;color:#4a3336}#play:hover{color:#f8a6a0}.fa-sync-alt{font-size:28px}.fa-backward,.fa-forward{font-size:34px}.fa-pause,.fa-play{font-size:27px}.global-tempo-volume{padding-right:8px;flex-direction:column;align-items:flex-end}#global-tempo{width:62px;width:30px}#global-tempo,.bpm-label{font-size:15px;color:#4a3336}.bpm-label{padding:0;margin:0;display:flex;flex-direction:row}#global-tempo:hover,.bpm-label:hover{color:#f8a6a0}.tempo-ctrl,.volume-ctrl{display:flex;flex-direction:row}.make-motif{background-image:url(/static/media/piano-keys.d2acfee9.jpg)}.make-motif,.make-phrase{height:100vh;background-size:cover}.make-phrase{background-image:url(/static/media/music-book-zoomed.5f3a1f7f.jpg)}.make-form{height:100vh;background-image:url(/static/media/music-notes-on-wall.4ea78c42.jpg);background-size:cover}.form-info{display:flex;flex-flow:column wrap;background-color:#ffe6e2;min-height:35vh;align-items:center;justify-content:center;padding:16px}.form-info p{max-width:320px}.form-info a{color:#00565f}.form-info a:hover{color:#f29090}.robot-radios{padding:20px;text-align:center}.robot-radios p{padding:16px;margin:auto}.not-found{height:100vh;background-image:url(/static/media/broken-piano.68c9c817.jpg);background-size:cover;padding-top:16px}.not-found p{display:flex;justify-content:center;background-color:#ffe6e2;padding:24px}main{margin-top:50px;width:100vw;background-color:#000;font-family:"Raleway",Arial,Helvetica,sans-serif}input{font-family:"Raleway Bold",Arial,Helvetica,sans-serif}body{background-color:#1d1617;width:100vw}.img1{background-image:url(/static/media/conductor-with-neons-red.42d18bef.jpg);height:150px}.img3{background-image:url(/static/media/music-book-zoomed.5f3a1f7f.jpg)}.img2{background-image:url(/static/media/piano-keys.d2acfee9.jpg)}.img4{background-image:url(/static/media/music-notes-on-wall.4ea78c42.jpg)}.img1,.img2,.img3,.img4{height:40vh;display:flex;align-items:center;background-attachment:fixed;background-position:50%;background-size:cover}h2{font-family:"Fascinate Inline","Open Sans",Arial,Helvetica,sans-serif;margin:auto;width:280px;color:#e9e9e9;text-align:center;font-weight:50;padding:20px;border-radius:4px;background-color:#1b1b1b;color:#f8a6a0;background-color:#1d3537;box-shadow:0 4px 8px 0 rgba(0,0,0,.657),0 6px 20px 0 rgba(0,0,0,.19)}.landing p{font-family:"Raleway","Open Sans",Arial,Helvetica,sans-serif;background-color:#f8cfc9;color:#332426;margin:auto;max-width:450px;padding:26px;line-height:2}.infographic{background-color:#ffe6e2;padding:26px 0;flex-direction:column;height:25vh}.infographic,.landing a{display:flex;align-items:center;justify-content:center}.landing a{width:280px;height:80px;align-self:center;font-family:"Fascinate Inline","Open Sans",Arial,Helvetica,sans-serif;font-size:20px;background-image:linear-gradient(#5d4346,#4a3336,#332426,#332426);color:#ffe6e2;margin:26px 0;border-radius:4px}.landing a:focus,.landing a:hover{background-image:linear-gradient(#725659,#583f42,#443033,#412e31);cursor:pointer}.landing a:active{background-image:linear-gradient(#332426,#332426,#5d4346,#4a3336,)}.landing{background-color:#f8cfc9}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}body,html{max-width:100%;overflow-x:hidden}
/*# sourceMappingURL=main.feaff2c6.chunk.css.map */