body {
    background-color: coral;
}
#keyboard {
    top: 0px;
    position: relative;
}
.keys{
    display: inline-block;
    width: 150px;
    height: 300px;
    border: 5px solid black;
    background-color: white;
    position: relative;
}
.bkeys {
    display: inline-block;
    width: 100px;
    height: 200px;
    border: 5px solid black;
    background-color: black;
    position: absolute;
    top: 0px;
}
#keyboard {
    font-size: 0;
}
#csh {
    left: 100px;  
}
#dsh {
    left: 270px;
}
#fsh {
    left: 585px;
}
#gsh {
    left: 750px;
}
#ash {
    left: 905px;
}
#notes {
    font-size: 25px;
    border: 15px ridge green;
    display: none;
    color: blue;
    background-color: Gold;
}
#Playb {
    width: 400px;
    transition: width 2s;
    font-size: 20px;
    color: DarkGoldenRod;
}
#co {
    width: 200px;
    transition: width 2s;
    font-size: 20px;
    color: DarkGreen;
}
#co2 {
    width: 200px;
    transition: width 2s;
    font-size: 20px;
    color: DarkMagenta;
}
#youa {
    border: 15px ridge DeepPink;
    font-size: 23px;
    display: none;
}