@import url(https://fonts.googleapis.com/css2?family=Knewave&family=Roboto&display=swap);h1{font-size:35px;font-family:"Knewave",cursive;background:-webkit-linear-gradient(135deg,#706f6f,#000);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.7}.sidebar{height:100%;position:fixed;width:20%;background-color:hsla(0,5%,92.2%,.6);display:inline-block;text-align:left}.title{width:90%;text-align:center;margin:auto}.sidebarSectionTitle{font-family:"Roboto",sans-serif;color:#ff2e63;margin-left:10%;font-size:12px}@media only screen and (max-width:600px){.sidebar{width:30%}h1{font-size:20px}}.sidebarButton{font-family:"Roboto",sans-serif;font-size:15px;width:75%;height:45px;color:#000;opacity:.7;text-align:left;border:none;position:relative;overflow:hidden;margin:5px 0 0 25%;background:hsla(0,5%,92.2%,0)}.sidebarButton:before{height:100%;width:0;background:linear-gradient(#fc2c45,#f86d82);bottom:0;left:0;transition:all .3s;content:"";position:absolute;opacity:.3}.sidebarButton:hover:before,.sidebarButtonActive:before{width:100%}.btn-last{margin-bottom:20px}label{font-family:"Roboto",sans-serif;font-size:13px;width:25px;color:#ff2e63}.dropdownList{list-style-type:none;padding:0;margin:0}.dropDownItem{width:90%;padding-top:10px;padding-bottom:10px;background-color:#000;border-radius:5px;opacity:.7;margin:0 0 0 20%;display:flex;justify-content:space-evenly}.popTagTriangle{width:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #000;margin:10px 41% 0 59%;opacity:.7}.slider{-webkit-appearance:none!important;height:15px;background:#eaeaea;border-radius:10px}.sliderSize{width:80%;margin:0}.sliderSpeed{width:60%;margin:0}.sliderOutput{font-family:"Roboto",sans-serif;color:#000;font-size:15px;opacity:.7;margin:5px 0 0 58.5%}.visualizer{display:flex;align-items:flex-end;position:fixed;margin-left:20%;width:78%;height:100.5%;padding:0 1%;z-index:-1}@media only screen and (max-width:600px){.visualizer{width:68%;margin-left:30%}}.bar{border:1px solid #fff;display:inline-block;width:0;height:0;transition:height .1s ease-out}.slowTransition{transition:height 1s ease-out,background-color .5s ease-in-out}.fastTransition{transition:height .1s ease-out}.colouredIn{background:hsla(0,0%,100%,.253)}html{height:100%}body{margin:0;background:linear-gradient(90deg,#bdc3c7,#2c3e50)}button:active,button:focus,input:active,input:focus{box-shadow:none}
/*# sourceMappingURL=main.204097ab.chunk.css.map */