html,
body {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-size: 14px;
  height: 100%;
  width: 100%;
  color: var(--sc-text-color, #777);
  background-color: var(--sc-bg-color, #000);
}

html {
  box-sizing: border-box;
  margin: 0px !important;
  overflow: visible !important;
}

body {
  overflow: hidden;
}

#root {
  height: 100%;
  overflow: hidden;
}

.sc-page-bg {
  background-color: var(--sc-bg-color, #000);
}
.sc-page-color {
  color: var(--sc-text-color, #fff);
}
.sc-page-color-bg {
  background-color: var(--sc-text-color, #fff);
}
.sc-player-bg {
  background-color: var(--sc-player-bg-color, #00000080);
}
.sc-player-text {
  color: var(--sc-player-fg-color, #fff);
}
.sc-player-active {
  color: var(--sc-player-active-color, #fff);
}
.sc-player-active-bg {
  background-color: var(--sc-player-active-color, #fff);
}
.sc-player-border {
  border-color: var(--sc-player-fg-color, #333);
}
.sc-player-border:hover {
  border-color: var(--sc-player-active-color, #fff);
}