canvas{display:block;width:100%;max-width:520px;aspect-ratio:1/1;margin:25px auto 0;background:#000;padding:25px}input{width:100%;max-width:225px;height:25px;border-radius:25px;border:1px solid #f2711c;vertical-align:middle;margin-right:5px;margin-bottom:25px}button,input::file-selector-button{color:#fff;background-color:#f2711c;background-image:none;border:0;border-radius:25px;text-align:center}button:hover,input::file-selector-button:hover{background-color:#f26202;filter:drop-shadow(2px 3px 3px #333)}button{width:125px;height:40px;font-size:18px}input::file-selector-button{height:24px}audio{width:100%;max-width:325px;height:25px;border:2px solid #f2711c;border-radius:25px;vertical-align:middle;margin-bottom:25px}audio:hover{filter:drop-shadow(2px 3px 3px #333)}#audioloudnessvisualizer{width:90%;aspect-ratio:1/1;margin:auto;text-align:center;padding:25px;background:#f6f6f6;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.audioloudnessscale{width:100%;max-width:520px;margin:0 auto 25px}.output-label{width:100%;max-width:350px;margin:0 auto 25px;padding:20px 0 5px;border:1px solid rgb(0 0 0 / .1);border-radius:10px;background-color:#fff;font-size:14px;font-weight:700}.output{font-family:"Lucida Console","Courier New",monospace!important;color:#f2711c;font-weight:900;font-size:3rem}.output:hover{color:#f26202}#start{width:125px;height:40px;color:#fff;background-color:#f2711c;background-image:none;font-size:18px;border:0;border-radius:25px;text-align:center;padding:10px 0;margin:0 0 15px 35px}#quickstart{display:none;text-align:center}@media screen and (max-width:767px){.output{font-size:1.5rem!important}}