body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Major Mono Display,Montserrat,-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}.App{align-items:center;color:#fff;display:flex;flex-direction:column;text-align:center}.content{-webkit-backdrop-filter:drop-shadow(0 0 16px #212121);backdrop-filter:drop-shadow(0 0 16px #212121);height:100vh;left:12.5vw;position:absolute;top:0;width:75vw}.title{border:1px solid #fff;border-radius:16px;margin:5vh auto;text-align:center;width:66vw}.instructions{margin:5vh 0}.instructions>ol{list-style-type:none;padding:0}.instructions li{margin:2vh 0}.prep{margin:5vh auto;width:66vw}.sampleLoad,button{font-size:1.5rem}button{background:none;border:1px solid #fff;border-radius:16px;color:#fff;font-family:inherit;padding:2vw;width:33vw}button:hover{cursor:pointer;font-weight:700}button:active{font-weight:700;outline:none}button:focus{outline:none}.progressionList{display:flex;flex-direction:row;justify-content:center;list-style-type:none;padding:0}.progressionList>li{padding:1.5vw}.live{font-weight:700}.info{margin:5vh auto}.gradient{background-image:url(/LoFi_Steampunk/static/media/Image1.da5ffe441fb2357fccac.jpg);background-size:100% 100%;left:12.5%;transition:background-position 2s ease;width:75%;z-index:-5}.backdrop,.gradient{height:100vh;position:fixed;top:0}.backdrop{background-image:url(/LoFi_Steampunk/static/media/Border.b49d3279d9ce01f8fa75.gif);left:0;width:100%;z-index:-10}.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{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:row;height:100vh;justify-content:space-evenly;overflow:hidden;padding:5%}.freqBar{background-color:#fff;border-radius:10px;width:10px}.visualizer{bottom:0;height:fit-content;left:12.5%;position:fixed;width:75%;z-index:-2}@media(max-width:600px){.gradient{left:5%;width:90%}h1{font-size:1.5rem}button{font-size:1rem;width:80%}.content{left:5%;width:90%}}@media(min-width:1200px){.freqList{padding:2% 5%}}
/*# sourceMappingURL=main.a81e4081.css.map*/