/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .sayit{
    background: #EEE;
    border-radius: 4px;
    cursor: pointer;
    padding: .2em .3em;
    transition: all .2s;
 }

 .sayit:hover{
    background: #DFDFDF;
 }

 .sayit.active{
    /* background: #c3d7dc; */
    animation: speaking 1.5s infinite linear;
 }

 @keyframes speaking {
   0% { box-shadow: 0 0 0px #f78da7; }
   50% { box-shadow: 0 0 10px #f78da7; }
   100% { box-shadow: 0 0 0px #f78da7; }
 }