.droptarget{background-color:#348781}div.active{color:#f2711c}div.passive{color:lightgrey}#note,.pitch{font-family:"Lucida Console","Courier New",monospace!important}#note{font-size:7vw;font-weight:900}.pitch{margin-top:25px;font-size:3vw}#detune{font-size:1vw}#detector{//This is mpanel - change later width:100%;margin:auto;max-width:263px;aspect-ratio:1/1;border-radius:50%;display:flex;flex-direction:column;padding:25px;align-items:center;justify-content:center;background:#f6f6f6;box-shadow:0 2px 4px rgb(0 0 0 / .2)}#flat{display:none}#sharp{display:none}.flat #flat{display:inline}.sharp #sharp{display:inline}.cpanel{text-align:center;padding:1rem;margin:25px auto;border-radius:25px;background:#f6f6f6;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.wpanel{margin:25px auto;width:100%;aspect-ratio:2/1;border:3px solid #f2711c;background-color:#000}#waveform{width:100%}button{width:100%;max-width:125px;height:25px;color:#fff;background-color:#f2711c;background-image:none;border:0;border-radius:25px;text-align:center;margin-right:1rem}button:hover{background-color:#f26202;filter:drop-shadow(2px 3px 3px #333)}