#CENTER
{
  position: relative;
  transform: translateY(0%);
  margin: auto;
}

#light1
{
  position: relative;
  margin: auto;
  background-color: black;
  width:600px;
  height:330px;
}
#light2
{
  position: relative;
  margin: auto;
  background-color: black;
  width:600px;
  height:330px;
}
#light3
{
  position: relative;
  margin: auto;
  background-color: black;
  height:330px;
}
#light4
{
  position: relative;
  margin: auto;
  background-color: black;
  height:330px;
}

#box1
{
  position: relative;
  transform: translateY(40%);
  margin: auto;
}
#box2
{
  position: relative;
  transform: translateY(40%);
  margin: auto;
}
#box3
{
  position: relative;
  transform: translateY(40%);
  margin: auto;
}
#box4
{
  position: relative;
  transform: translateY(40%);
  margin: auto;
}


input[type=range]::-webkit-slider-runnable-track
{
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb
{
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 1px;
  width: 1px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
  margin-top: -3px;
}