.webp {
  background-image: url('website_background.webp');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: auto;
}
.nowebp {
  background-image: url('website_background.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: auto;
}
.btn-youtube {
  background-color: rgba(255, 0, 0);
  border-color: rgba(255, 0, 0);
  color: white;
}
.btn-youtube:hover {
  background-color: rgba(255, 0, 0, .7);
  border-color: rgba(255, 0, 0, .7);
  color: white;
}

.btn-odysee {
  background: rgb(242,62,90);
  background:
    linear-gradient(0deg, rgba(242,62,90,1) 0%, rgba(250,159,32,1) 100%) padding-box,
    linear-gradient(0deg, rgba(242,62,90,1) 0%, rgba(250,159,32,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.btn-odysee:hover {
  background: rgb(242,62,90);
  background:
    linear-gradient(180deg, rgba(242,62,90,1) 0%, rgba(250,159,32,1) 100%) padding-box,
    linear-gradient(180deg, rgba(242,62,90,1) 0%, rgba(250,159,32,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}

.btn-mixcloud {
  background-color: rgba(30, 35, 55);
  border-color: rgba(30, 35, 55);
  color: white;
}
.btn-mixcloud:hover {
  background-color: rgba(30, 35, 55, .7);
  border-color: rgba(30, 35, 55, .7);
  color: white;
}
.btn-soundcloud {
  background: rgb(249,55,0);
  background:
    linear-gradient(0deg, rgba(249,55,0,1) 0%, rgba(254,127,0,1) 100%) padding-box,
    linear-gradient(0deg, rgba(249,55,0,1) 0%, rgba(254,127,0,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.btn-soundcloud:hover {
  background: rgb(249,55,0);
  background:
    linear-gradient(180deg, rgba(249,55,0,1) 0%, rgba(254,127,0,1) 100%) padding-box,
    linear-gradient(180deg, rgba(249,55,0,1) 0%, rgba(254,127,0,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.btn-applepodcast {
  background: rgb(148,40,203);
  background:
    linear-gradient(0deg, rgba(148,40,203,1) 0%, rgba(229,102,254,1) 100%) padding-box,
    linear-gradient(0deg, rgba(148,40,203,1) 0%, rgba(229,102,254,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.btn-applepodcast:hover {
  background: rgb(148,40,203);
  background:
    linear-gradient(180deg, rgba(148,40,203,1) 0%, rgba(229,102,254,1) 100%) padding-box,
    linear-gradient(180deg, rgba(148,40,203,1) 0%, rgba(229,102,254,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.btn-linktree {
  background: rgb(63,4,120);
  background:
    linear-gradient(0deg, rgba(63,4,120,1) 0%, rgba(112,7,212,1) 100%) padding-box,
    linear-gradient(0deg, rgba(63,4,120,1) 0%, rgba(112,7,212,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.btn-linktree:hover {
  background: rgb(63,4,120);
  background:
    linear-gradient(180deg, rgba(63,4,120,1) 0%, rgba(112,7,212,1) 100%) padding-box,
    linear-gradient(180deg, rgba(63,4,120,1) 0%, rgba(112,7,212,1) 100%) border-box;
  border: 1px solid transparent;
  color: white;
}
.copyright {
  background-color: #6006b6;
}
.rndmimage {
  height:24px;
}
.button,
.button:active,
.button:focus {
  outline: none;
  border: none;
}
.audio-container {
  width: 100%;
  background-color: rgba(111, 7, 209, .3);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 8px 0px 0px 0px;
}
.audio-container .audio {
  width: 100%;
  height: 100px;
}
.audio-container .buttons {
  display: flex;
  align-content: center;
  align-items: center;
}
.audio-container .button {
  padding: 16px;
  width: 24px;
  margin-right: 8px;
  cursor: pointer;
  display: inline-block;
}
.audio-container .buttons .mute-btn {
  margin-right: 30px;
}
.audio-container .buttons .volume-slider {
  width: 200px;
  margin-right: 30px;
}
.audio-container .buttons .play-btn .fa-pause {
  display: none;
}
.audio-container .buttons .play-btn.playing .fa-pause {
  display: inline-block;
}
.audio-container .buttons .play-btn.playing .fa-play {
  display: none;
}
.audio-container .buttons .mute-btn .fa-volume-mute {
  display: none;
}
.audio-container .buttons .mute-btn.muted .fa-volume-mute {
  display: inline-block;
}
.audio-container .buttons .mute-btn.muted .fa-volume-up {
  display: none;
}