.container {
    display: flex;
    position: absolute;
    background-color: #ffffff;
    border: black 1px solid;
    margin-left: 150px;
}

.pianowhite {
    width: 50px;
    height: 150px;
    background-color: #ffffff;
    border: 1px solid #000000;
    box-sizing: border-box;

    font-size: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.pianoblack1 {
    left: 37.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack2 {
    left: 87.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;
    cursor: pointer;
}

.pianoblack3 {
    left: 187.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack4 {
    left: 237.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack5 {
    left: 287.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack6 {
    left: 387.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;
    cursor: pointer;
}

.pianoblack7 {
    left: 437.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack8 {
    left: 537.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack9 {
    left: 587.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}

.pianoblack10 {
    left: 637.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}
.pianoblack11 {
    left: 737.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}
.pianoblack12 {
    left: 787.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}
.pianoblack13 {
    left: 887.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}
.pianoblack14 {
    left: 937.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;

}
.pianoblack15 {
    left: 987.5px;
    width: 25px;
    height: 100px;
    position: absolute;
    background-color: #070a0f;
}