body,html{overscroll-behavior:none}body{background-color:#d7d7d7}.bubble{position:relative;background:#fff;color:#000;text-align:center;width:auto;height:auto;border-radius:.5rem;padding:2rem;margin:20px auto}.bubble:after{content:"";position:absolute;display:block;width:0;z-index:1;border-color:#fff transparent;border-style:solid;border-width:1rem 1rem 0;bottom:-.9rem;left:50%;margin-left:-1rem}.mic-animation:after,.mic-animation:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:100%;z-index:2;box-shadow:0 0 30px 30px #00000011;animation:circle-size 1s linear infinite alternate}.mic-animation:before{width:100px;height:100px;background-color:#2724244d;animation:circle-size .8s linear infinite alternate}.mic-animation:after{width:250px;height:250px;background-color:#fedb00;animation:circle-size .8s ease-in-out infinite alternate;z-index:0}.mic-pulse{transform:scale(1);animation:pulse-yellow 2s infinite}@keyframes circle-size{0%{width:50px;height:50px}to{width:100px;height:100px}}@keyframes pulse{0%{transform:scale(.95);opacity:.75}to{transform:scale(1.35);opacity:0}}@keyframes pulse-yellow{0%{transform:scale(1);box-shadow:0 0 0 0 #fedb00}70%{transform:scale(1.2);box-shadow:0 0 0 30px rgba(254,219,0,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(254,219,0,0)}}