body{margin:0;font-family:"Fira Mono",monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;background-color:rgba(230,235,249,.93);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#000}.description{font-size:18px}#file-load{display:none}.upload-file-label{background-color:#695274;border:#708090;box-shadow:2px 3px 0 0 #bacbdc;padding:5px;font-size:16px;color:#f6fdff}.visualizer{height:500;width:500;opacity:0;-webkit-animation:fadein .5s ease-out forwards;animation:fadein .5s ease-out forwards}.sound-container{display:flex;justify-content:center;height:200px;width:100%}.sound-icon{-webkit-filter:drop-shadow(1px 2px 5px rgba(134,177,230,.52));filter:drop-shadow(1px 2px 5px #86b1e684)}.sound{-webkit-animation:fadein .3s ease-out forwards;animation:fadein .3s ease-out forwards;opacity:0;margin:0 10px}.play-pause-btn{cursor:pointer}.now-playing{font-size:12px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;box-shadow:.7px .7px 0 #000,0 0 .7px #0d0d0d;background:rgba(104,142,165,.86);border-radius:1.3px;border:.2px solid #708090}input[type=range]::-webkit-slider-thumb{box-shadow:1.5px 1.5px 0 #bacbdc,0 0 1.5px #cbd8e5;border:1px solid #695274;height:16px;width:16px;border-radius:50px;background:#d0ddec;cursor:pointer;-webkit-appearance:none;margin-top:-6px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(120,154,175,.86)}input[type=range]::-moz-range-track{width:100%;height:4px;cursor:pointer;box-shadow:.7px .7px 0 #000,0 0 .7px #0d0d0d;background:rgba(104,142,165,.86);border-radius:1.3px;border:.2px solid #708090}input[type=range]::-moz-range-thumb{box-shadow:1.5px 1.5px 0 #bacbdc,0 0 1.5px #cbd8e5;border:1px solid #695274;height:16px;width:16px;border-radius:50px;background:#d0ddec;cursor:pointer}input[type=range]::-ms-track{width:100%;height:4px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:rgba(91,129,153,.86)}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{border:.2px solid #708090;border-radius:2.6px;box-shadow:.7px .7px 0 #000,0 0 .7px #0d0d0d}input[type=range]::-ms-fill-upper{background:rgba(104,142,165,.86)}input[type=range]::-ms-thumb{box-shadow:1.5px 1.5px 0 #bacbdc,0 0 1.5px #cbd8e5;border:1.1px solid #695274;height:16px;width:16px;border-radius:50px;background:#d0ddec;cursor:pointer;height:6.1px}input[type=range]:focus::-ms-fill-lower{background:rgba(104,142,165,.86)}input[type=range]:focus::-ms-fill-upper{background:rgba(120,154,175,.86)}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.d10e78f2.chunk.css.map */