p {margin-top: 1rem;}
a {color: #662D91;}
a:hover {color: #5e4c80;}
body {background:transparent;color:white;text-align:center;}
h1 {text-decoration: underline #9933ff; text-decoration-thickness: 3px; text-underline-offset: 6px; font-size: 180%; font-weight: bold; color:#9933ff;}
h2 {font-weight: bold;color: #005A9C;font-size: 140%;text-transform: uppercase;}

.btn-primary, .btn-primary:visited {border: none; color: #000000; background-color: #FFBF00 !important;}

.btn-primary:hover, .btn-primary:active {border: none; color: #000000; background-color: #ffd966 !important;}

button:disabled, .btn-primary:disabled {
    cursor: not-allowed;
    border: none; color: #ffffff; background-color: #664d00 !important;
}  

audio {
  /*display: block;*/
  width: 100%;
  margin-top: 0.2rem; padding-left: 0; margin-left:0px;
}

ul, ol {padding: 0px;list-style-type: none;}
li {list-style: none;margin-bottom: 1rem;}

#formats {margin-top: 0.5rem;font-size: 80%;}
#recordingsList{max-width: 30em;margin:0 auto;}

.blink {animation: blinker 0.50s cubic-bezier(.5, 0, 1, 1) infinite alternate;}
 @keyframes blinker {
     from {opacity: 1;}
     to   {opacity: 0;}
 }