body {
  margin: 0px;
  padding: 0px;
}

.container {
  position: relative;
  width: 100vw;
  height: auto;
}

.background {
  width: 100vw;
  height: auto;
}

.bottom-spacer {
  margin-bottom: 90px;
}

.shadow {
  filter: drop-shadow(5px 5px 5px #222);
}

.clickable-row {
  cursor: pointer;
}

.btn-wd {
  width: 100px;
}

.btn-start {
  position: absolute;
  width: 30vw;
  top: 200px;
  left: 35%;
  z-index: 1000;
  cursor: pointer;
}

.timer {
  color: #5385E8;
  position: absolute;
  top: 5%;
  left: 50px;
  font-size: 3.75vw;
  z-index: 1000;
}

.time {
  color: #ffffff;
}

.time-done {
  color: #ff0000;
}

.songs {
  position: absolute;
  top: 5px;
  right: 50px;
  color: #404040;
  font-size: 10pt;
  z-index: 9999;
}

.info {
  color: #ffffff;
  position: absolute;
  top: 20%;
  left: 20%;
  font-size: 3.5vw;
  z-index: 1000;
}

.bar-progress {
  padding: 0px 7px 0px 7px;
  width: 100%;
  position: absolute;
  top: 19%;
}

.player-progress {
  height: 1px;
}

.visual-outter {
  height: 100vh;
  position: relative;
  background: #000000;
}

.visual-inner {
  display: flex;
  height: 50%;
  width: 100%;
  position: absolute;
  bottom: 0;
}

.visual-bg {
	background-image: url(./images/background3.gif);
	background-size: 100% 100%;
  background-repeat: no-repeat;
}