.speedcontrolcontainer {
  max-width: auto;
  display: block;
  border: 0px solid #000;
  padding: 02px;
  font-family: Sans-serif;
  
}
.speedcontrolcontainer audio {
  width: 100%;
  transition-duration:.25s;
  display:inline-block;
  text-align:center;
  overflow:hidden;
  padding:10px;  

  border-radius:4px;transition:all 1s
}
solid{
    width:45px;
}
audio{
    box-shadow: 0px 0px 0px 0px rgb(255, 255, 255);
    margin-bottom:0px;margin-top:0px;
    /* background-image: url(../indexglobal/backgrounda.jpg) !important;*/
    width:300px;background-color: none;
    /* box-shadow: inset 0 0 14px black;*/
    margin-bottom:10px;
    margin-top: 10px;
    padding-right:0px;
    border-radius:10px;
  
}

audio::-webkit-media-controls-panel{
  /*
      box-shadow: inset 0 0 14px black;
      background-color: white;*/
      background-color: white;
 /* background-image: url(../indexglobal/backgrounda.jpg) !important;*/}
audio::-webkit-media-controls-volume-control-hover-background { display: none; }
audio::-webkit-media-controls-play-button{
  box-shadow: inset 0 0 14px rgb(10, 0, 0);
  border-radius: 50%;
}
audio::-webkit-media-controls-timeline {
background: none;}
audio::-webkit-media-controls-volume-slider{
  background-color: white;
  /*display:none;*/
  border-radius: 50px;
  padding-left: 10px;
  padding-right: 10px;
}
audio::-webkit-media-controls-mute-button{
  
  border-radius: 50%;
}
.speedcontrolcontainer div {
  display: flex;
  padding: .5em 0;
  gap: 5px;
}
audio::-webkit-media-controls-current-time-display{
  color: black;
}
audio::-webkit-media-controls-time-remaining-display{
  color: black;
}
.speedcontrolcontainer label {
  flex: 1;
  font-family: battambang;
}
.speedcontrolcontainer input[type="range"] {
  flex: 5;
}
.speedcontrolcontainer span {
  flex: 1;
  text-align: center;
}
.gototop {
 display: none;
 -webkit-animation: hide 350ms ease-out forwards 1;
 animation: hide 350ms ease-out forwards 1;
 padding: 16px 32px;
 border: 0;
 text-align: center;
 background-color: #FD1472;
 color: black;
 position: fixed;
 bottom: 16px;
 right: 16px;
 box-shadow: 0 2px 10px rgba(253, 20, 114,.5);
 -webkit-transition: background-color 100ms ease-in-out;
 transition: background-color 100ms ease-in-out;
 cursor:pointer;    border-radius: 10px;
   box-shadow: inset 0 0 8px #e3dede;
   background-color: rgba(0,0,0,0.4);
   border-radius:30px;
   margin-bottom:85px;

}

.gototop > span {
 display: inline-block;
 -webkit-transition: transform 100ms 100ms ease-in-out;
 transition: transform 100ms 100ms ease-in-out;
}

.gototop:hover, .gototop:focus {     border-radius: 10px;
   box-shadow: inset 0 0 12px #e3dede;
   background-color: rgba(0,0,0,0.4);
   border-radius:30px;margin-bottom:85px;
} 

.gototop:hover > span, .gototop:focus > span {
 -webkit-transform: translateY(-2px);
 transform: translateY(-2px);
}

.isvisible {
 -webkit-animation: show 1s ease-out forwards 1;
 animation: show 1s ease-out forwards 1;
}
@-webkit-keyframes 
hide {  0% {
opacity: 1;
-webkit-transform:translateY(0);
}
25% {
opacity: .5;
-webkit-transform: rotate(-3deg) translateY(-40px);
}
75% {
-webkit-transform: rotate(3deg);
}
100% {
opacity: 0;
-webkit-transform:translateY(100px);
}
}
@keyframes 
hide {  0% {
opacity: 1;
transform:translateY(0);
}
25% {
opacity: .5;
transform: rotate(-3deg) translateY(-40px);
}
75% {
transform: rotate(3deg);
}
100% {
opacity: 0;
transform:translateY(100px);
}
}
@-webkit-keyframes 
show {  0% {
-webkit-transform: rotate(0deg);
}
25% {
opacity: .5;
-webkit-transform: rotate(-3deg) translateY(-40px);
}
75% {
-webkit-transform: rotate(3deg);
}
100% {
opacity: 1;
-webkit-transform: rotate(0deg);
}
}
@keyframes 
show {  0% {
transform: rotate(0deg);
}
25% {
opacity: .5;
transform: rotate(-3deg) translateY(-40px);
}
75% {
transform: rotate(3deg);
}
100% {
opacity: 1;
transform: rotate(0deg);
}
}
/*
.container { margin:150px auto; max-width:785px; font-family:'Roboto'; line-height:150%;}/*