body{margin:0;font-family:"Major Mono Display","Montserrat",-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}.App{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.content{width:75vw;height:100vh;position:absolute;top:0;left:12.5vw;-webkit-backdrop-filter:drop-shadow(0 0 16px #212121);backdrop-filter:drop-shadow(0 0 16px #212121)}.title{text-align:center;border:1px solid #fff;border-radius:16px;width:66vw;margin:5vh auto}.instructions{margin:5vh 0}.instructions>ol{list-style-type:none;padding:0}.instructions li{margin:2vh 0}.prep{width:66vw;margin:5vh auto}.sampleLoad,button{font-size:1.5rem}button{font-family:inherit;border:1px solid #fff;border-radius:16px;padding:2vw;background:none;width:33vw;color:#fff}button:hover{cursor:pointer;font-weight:700}button:active{outline:none;font-weight:700}button:focus{outline:none}.progressionList{display:flex;flex-direction:row;list-style-type:none;padding:0;justify-content:center}.progressionList>li{padding:1.5vw}.live{font-weight:700}.info{margin:5vh auto}.gradient{width:75%;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;transition:background-position 2s ease;left:12.5%;z-index:-5}.backdrop,.gradient{height:100vh;position:fixed;top:0}.backdrop{width:100%;z-index:-10;left:0;background-color:#121212}.C{background-position:0 50%}.Cs{background-position:9% 50%}.D{background-position:18% 50%}.Ds{background-position:27% 50%}.E{background-position:36% 50%}.F{background-position:45% 50%}.Fs{background-position:54% 50%}.G{background-position:63% 50%}.Gs{background-position:72% 50%}.A{background-position:81% 50%}.As{background-position:90% 50%}.B{background-position:100% 50%}.freqList{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-end;overflow:hidden;height:100vh;box-sizing:border-box;padding:5%}.freqBar{width:10px;background-color:#fff;border-radius:10px}.visualizer{width:75%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:fixed;bottom:0;left:12.5%;z-index:-2}@media(max-width:600px){.gradient{width:90%;left:5%}h1{font-size:1.5rem}button{width:80%;font-size:1rem}.content{width:90%;left:5%}}@media(min-width:1200px){.freqList{padding:2% 5%}}
/*# sourceMappingURL=main.8ce50d48.chunk.css.map */