header{background-color:#f0f0f0;padding:10px;text-align:center}header h1,header p{margin-bottom:10px}#controls{display:block}#loudspeaker{font-family:Arial,Helvetica,sans-serif;font-size:4em;padding:10%}button#play,button#stop{background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;font-size:1em;margin:5px;padding:10px 15px}button#play:hover,button#stop:hover{background-color:#e0e0e0}button#play:active,button#play:focus,button#stop:active,button#stop:focus{background-color:#d0d0d0;outline:2px solid #005fcc}@media (max-width:600px){#loudspeaker{font-size:2.5em;padding:5%}button#play,button#stop{margin-bottom:10px;margin-left:10%;margin-right:10%;width:80%}#controls{align-items:center;display:flex;flex-direction:column}}
/*# sourceMappingURL=main.eaa140a8.css.map*/