.title {
display: flex;
justify-content: center;
align-items: center;
color: #6632a8;
}
ul {
display: flex;
list-style: none;
justify-content: center;
}
ul .key {
position: relative;
width: 60px;
height: 180px;
border: 1px solid black;
cursor: pointer;
display: flex;
  background:#fffff0;
justify-content:center;  
  align-items: flex-end; 
border-radius: 5px;
}
ul .black-key {
position: absolute;
width: 45px;
left: 37px;
height: 120px;
display: flex;
background: black;
color: white;
justify-content: center;
border-radius: 5px;
align-items: flex-end;
}