body {
  background-color: #1f1f1f;
  color: #eaa116;
  font-family: "Courier New";
  text-align: center;
  font-size: 200%;
}

a {
  color: #eaa116;
  text-decoration: underline;
  cursor: pointer;
}

audio::-webkit-media-controls-panel {
  background-color: #eaa116;
}

audio::-webkit-media-controls-mute-button {
  color: #1f1f1f;
}

audio::-webkit-media-controls-play-button {
  color: #1f1f1f;
}

audio::-webkit-media-controls-current-time-display {
  color: #1f1f1f;
}

audio::-webkit-media-controls-time-remaining-display {
  color: #1f1f1f;
}

audio::-webkit-media-controls-timeline {
  background-color: #eaa116;
  border-radius: 25px;
  margin-left: 10px;
  margin-right: 10px;
}

.trackBtn {
 width: 500px;
 height: 500px;
 overflow: visible;
 position: relative;
 z-index: 1;
 background-repeat: no-repeat;
 background-size: contain;
}

.trackBtn-info {
 color: rgba(120, 0, 0, 0);
 display: flex;
 justify-content: center;
 align-items: top;
 width: 100%;
 height: 100%;
 overflow: visible;
}

.trackBtn .title {
 font-family: Arial, Helvetica, sans-serif;
 inline-size: 450px;
 overflow-wrap: break-word;
 font-weight: bold;
 text-align: center;
 letter-spacing: .1em;
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

.trackBtn:hover::after {
 opacity: 100;
}

.trackBtn:hover .trackBtn-info {
 cursor: pointer;
 background: #1f1f1f;
 color: #eaa116;
 transition: 0.5s;
}

.not-selectable {
 -webkit-touch-callout: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

img.sembf{
   z-index:2;
   position:fixed;
   right: 2%;
   bottom: 2%;
}

img.insta{
   z-index:2;
   position:fixed;
   right: 2%;
   bottom: 270px;
}