body{background:#4e4e4e}.box{position:absolute;top:50%;left:50%}.object{display:flex;flex:0 1 100%;justify-content:center;align-items:center;align-content:stretch}.outline{display:none}.recording .outline{display:block;width:60px;height:60px;border-radius:50%;border:8px solid #b5a4a4;animation:pulse 3s;animation-timing-function:ease-out;animation-iteration-count:infinite;position:absolute}.button{width:120px;height:120px;border-radius:50%;background:#50cddd;box-shadow:0 0 80px #0084f9;position:absolute}.recording .button{background:#dd5050;box-shadow:0 0 80px #f90000}@keyframes pulse{0%{transform:scale(0);opacity:0;border:65px solid #000000}50%{border:solid #ffffff;opacity:.8}90%{transform:scale(3.2);opacity:.2;border:3px solid #000000}to{transform:scale(3.3);opacity:0;border:1px solid #ffffff}}#delayed{animation-delay:1.5s}#circlein{width:100px;height:100px;border-radius:50%;background:#6bd6e1;box-shadow:0 -2px 15px #e0ff94;position:absolute}.recording #circlein{background:#e16b6b;box-shadow:0 -2px 15px #e0ff94}.mic-icon{height:60px;position:absolute;margin:21px}.captions{font:3.2rem/1.25 Verdana,Geneva,Tahoma,sans-serif;text-transform:uppercase;text-align:center;font-weight:400;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.captions span{display:inline-block;line-height:4rem;padding:1rem;color:#fff;background-color:#0000004d}