@keyframes text-pop-up
{
   0% { text-shadow: none; transform-origin: 50% 50%; transform: rotate(0deg) ;  }
   100% { text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 25px 30px rgba(0, 0, 0, 0.3); transform: translate(0px,-25px) rotate(0deg) ; transform-origin: 50% 50%;  }
}
@keyframes animate-neon-text-shadow-RED
{
   0% { text-shadow: 0 0 35px #FF0000, 0 0 35px #FF0000, 0 0 35px #FF0000, 0 0 35px #FF0000, 0 0 35px #FF0000, 0 0 35px #FF0000, 0 0 35px #FF0000, 0 0 35px #FF0000;  }
   100% { text-shadow: 0 0 35px #0008FF, 0 0 35px #0008FF, 0 0 35px #0008FF, 0 0 35px #0008FF, 0 0 35px #0008FF, 0 0 35px #0008FF, 0 0 35px #0008FF, 0 0 35px #0008FF;  }
}
h1, .h1
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h2, .h2
{
   font-family: Arial;
   font-weight: bold;
   font-size: 27px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h3, .h3
{
   font-family: Arial;
   font-weight: bold;
   font-size: 24px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h4, .h4
{
   font-family: Arial;
   font-weight: bold;
   font-size: 21px;
   font-style: italic;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h5, .h5
{
   font-family: Arial;
   font-weight: bold;
   font-size: 19px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
h6, .h6
{
   font-family: Arial;
   font-weight: bold;
   font-size: 16px;
   text-decoration: none;
   color: #000000;
   --color: #000000;
   background-color: transparent;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   display: inline-block;
}
.audio-player
{
   text-decoration: none;
   background-color: transparent;
   margin: 20px 20px 20px 20px;
   width: 400px;
}
.controls
{
   text-decoration: none;
   background-color: transparent;
   align-items: center;
   justify-content: space-between;
   margin-top: 10px;
   display: flex;
}
.progress
{
   text-decoration: none;
   background-color: #000CCC;
   --background-color: rgba(0,12,204,1.00);
   height: 10px;
   margin-top: 10px;
}
.progress-bar
{
   text-decoration: none;
   background-color: #4CAF50;
   --background-color: rgba(76,175,80,1.00);
   height: 100%;
   width: 0;
}
.#current-time
{
   text-decoration: none;
   background-color: transparent;
   margin-top: 10px;
}
.#total-time
{
   text-decoration: none;
   background-color: transparent;
   margin-top: 10px;
}
@media only screen and (max-width: 1920px)
{
}
@media only screen and (max-width: 320px)
{
}