body {
    margin: 0;
    padding: 0;
    height: 100vh;
}

.container {
    background-image: url(TE-01.gif);
    background-repeat: repeat;
    /*background-size: absolute;*/
    background-position: center;
    align-items: center; 
    justify-content: center;
    display: flex;
    padding: 0;
    width: auto;
    height: 100%;
}

.key-1{
    border-radius: 5px;
    padding: 22px;
    cursor: pointer;
    background-color: transparent;
}

.C4-key{
    position: relative;
    top: -25px;
    left: 146px;
}

.Db4-key{
    position: relative;
    top: -25px;
    left: 154px;

}

.D4-key{
    position: relative;
    top: -25px;
    left: 160px;

}

.Eb4-key{
    position: relative;
    top: -25px;
    left: 167px;

}

.E4-key{
    position: relative;
    top: 30px;
    left: -45px;

}
.F4-key{
    position: relative;
    top: 30px;
    left: -38px;

}

.Gb4-key{
    position: relative;
    top: 30px;
    left: -32px;

}

.G4-key{
    position: relative;
    top: 30px;
    left: -26px;

}

.Ab4-key{
    position: relative;
    top: 84px;
    left: -238px;

}
.A4-key{
    position: relative;
    top: 84px;
    left: -230px;

}
.Bb4-key{
    position: relative;
    top: 84px;
    left: -224px;

}
.B4-key{
    position: relative;
    top: 84px;
    left: -218px;

}
.C5-key{
    position: relative;
    top: 139px;
    left: -430px;

}
.Db5-key{
    position: relative;
    top: 139px;
    left: -422px;
}
.D5-key{
    position: relative;
    top: 139px;
    left: -418px;
}
.Eb5-key{
    position: relative;
    top: 139px;
    left: -410px;
}
.sliders{
    position: relative;
    right: 396px;
    top: -52px;
}

#volume {
  position: absolute;
  left: 24px;
  margin: 0 auto;
  height: 5px;
  width: 148px;
  background: #555;
  border-radius: 15px;
}
#volume .ui-slider-range-min {
  height: 5px;
  width: 148px;
  position: absolute;
  background: #fd014d;
  border: none;
  border-radius: 10px;
  outline: none;
}
#volume .ui-slider-handle {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: rgb(44, 48, 51);
  position: absolute;
  margin-left: -8px;
  margin-top: -5px;
  cursor: pointer;
  outline: none;
}