@charset "UTF-8";
/* CSS Document */
 
    body {
      margin: 0;
      font-family: sans-serif;
    }

    .videoWrapper {
      max-width: 800px;
      margin: 20px auto;
      text-align: center;
    }

    h3 {
      text-align: center;
        font-size: 21px;
    }

    #unmutePrompt {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0);
      color: red;
      font-size: 2rem;
      font-weight: 700;
      padding-bottom: 400px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      cursor: pointer;
    }

    /*#unmutePrompt {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.5);
      color: white;
      font-size: 2rem;
        padding-bottom: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 10;
      cursor: pointer;
    }*/

    #voice-disabled-msg {
      display: none;
      color: red;
      text-align: center;
      margin-top: 15px;
    }

    #micIndicator {
      display: none;
      font-size: 48px;
     
      color: red;
      text-align: center;
       width: 100%;
      z-index: 10000;
    }

    #micIndicator span {
      font-size: 18px;
    }

    .fa-microphone {
      animation: pulse 1.2s infinite;
    }

    @keyframes pulse {
      0% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.3); opacity: 0.6; }
      100% { transform: scale(1); opacity: 1; }
    }