.outer{
  border: 2px solid;
  border-radius:8px;
  padding:20px 5px;
}


.thumb{
  width:100px;
  height:100px;
  border:2px solid #4C0702;
  border-radius:5px;
  float:left;
}

.audio{
  margin:auto;
  padding:4px;
  width:300px;
  height:112px;
  border:2px solid #4C0702;
  font-size:15px;
  border-radius: 8px;
  background-blend-mode: overlay;

}

.UI{
  font-size:15px;
}

button{
  background:none;
  border:none;
  color:inherit;
}

ul{
  padding:0;
  display:inline;
  list-style: none;
  margin-left:12px;
  overflow:hidden;
  white-space: nowrap;
}

li > a:link{
  color:inherit !important;
}
li > a:hover{
  color:#AA9793 !important;
}

.light{
  color:#FDF4EF;
}
.dark{
  color:#4C0702;
}

.marquee{
  animation: marquee 5s linear infinite alternate;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, 0);
  }
  80% {
    transform: translate(-65%, 0);
  }
  100% {
    transform: translate(-65%, 0);
  }
}