html,body{margin:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,#40110e 10%,#000 80%)}#app{position:relative;width:100%;height:100%}canvas{position:fixed;top:0;left:0}#buttonStart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#buttonMic{position:absolute;top:12px;left:12px}button{font-size:14px;padding:8px 16px;background:none;color:#fed;text-transform:uppercase;font-weight:600;cursor:pointer;outline:none;color:#ffffc6;border:4px solid #ffffc6;box-shadow:0 0 12px #ffffc6;transform-origin:left top;border-radius:8px}button:hover{scale:1.05}button:active{scale:.95}button.clicked{opacity:.15;transition:opacity .3s ease-out}button.clicked:hover{opacity:.5}button.hidden{display:none}