body {
    background-color: #B3B3B3;
    margin: 0px;
    position: relative;
    width: auto;
    height: auto;
}
#outer-wrapper {
	-ms-transform:translate(0.000px,0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000,1.000);
	-ms-transform-origin:0% 0%;
	-webkit-transform:translate(0.000px,0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000,1.000);
	-webkit-transform-origin:0% 0%;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	transform:translate(0.000px,0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000,1.000);
	transform:translate(0.000px,0.000px) rotate(0.000deg) skew(0.000deg) scale(1.000,1.000);
	transform-origin:0% 0%;
	transform-origin:0% 0%;
	background-color: #ffffff;
}

/*Enlarge Size of Site*/

.zoom {
    zoom: 140%;
    -moz-transform: scale(140%);
    -moz-transform-origin: top center;
}

/*Space Between Desktop Pages*/

.page {
    margin-bottom: 10px;
}

/*Audio Player*/

.player-container {
  width: 216px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.controls {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.play-pause {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 16px; /* Adjust size as needed */
  height: 16px; /* Adjust size as needed */
}

.play-pause img {
	display: block;
    width: 14px; /* Adjust size as needed */
    height: 14px; /* Adjust size as needed */
}

.time {
  font-size: 12px;
  margin: 0 10px;
}

.seek-bar {
  width: 100%;
  height: 10px;
  -webkit-appearance: none;
  background: #ddd;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.seek-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #000000;
  cursor: pointer;
  border-radius: 50%;
}

.seek-bar::-moz-range-thumb {
  width: 12px;
  height: 12px;
  background: #000000;
  cursor: pointer;
  border-radius: 50%;
}