body {
  color: #434448;
}

.player {
  background-color: #fefef3;
  border: #434448 solid;
}

.displayname{
  border-bottom: dashed #434448 1px;
}

.play {
  background-color: #fefef3;
  color: #434448;
}

input[type=range]::-webkit-slider-runnable-track {
  box-shadow: 0px 0px 0px #fefef3;
  background: #ffeb34;
  border: 0px solid #fefef3;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #fefef3;
  border: 1px solid #ffeb34;
  background: #434448;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ffeb34;
}
input[type=range]::-moz-range-track {
  box-shadow: 0px 0px 0px #fefef3;
  background: #ffeb34;
  border: 0px solid #fefef3;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #fefef3;
  border: 1px solid #ffeb34;
  background: #434448;
}
input[type=range]::-ms-fill-lower {
  background: #ffeb34;
  border: 0px solid #fefef3;
  box-shadow: 0px 0px 0px #fefef3;
}
input[type=range]::-ms-fill-upper {
  background: #ffeb34;
  border: 0px solid #fefef3;
  box-shadow: 0px 0px 0px #fefef3;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #fefef3;
  border: 1px solid #ffeb34;
  background: #434448;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ffeb34;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ffeb34;
}

.seek-bar {
  background-color: #ffeb34;
}

.slider {
  background-color: #434448;
}

.time, .max-time {
  color: #434448;
}

.playlist-box {
  border: #434448 solid;
}

.playlist {
  background-color: #fefef3;
  color: #434448;
}

.playlist > li:hover {
  background-color: #ffeb34;
}

.playlist > li {
  border-bottom: dashed #434448 1px;
}

.playlist > li.active{
  background-color: #ffeb34;
}

a{
  color: #434448;
}

.cred2::before, .cred1::after{
  color:#434448;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-color: #ffeb34 #fefef3;
}

/* Chrome, Edge, and Safari */

*::-webkit-scrollbar-track {
  background: #fefef3;
}

*::-webkit-scrollbar-thumb {
  background-color: #ffeb34;
  border: 0px none #ffffff;
}

::-moz-selection { /* Code for Firefox */
  color: #fefef3;
  background: #419ec9;
}

::selection {
  color: #fefef3;
  background: #419ec9;
}