Things to learn:
Use only function calls in your onclick attributes. Put the rest of the code in functions. It will clean up your code a lot and simplify debugging.
All of the buttons are <div>s with the same class so that they can be easily styled the same in CSS.
Because the color and the font are changed independently you might consider making each of them a variable with a single setText() function that uses the current settings of those variable to change the text.
To center the text in the buttons use the CSS attribute "text-align:center".
To hide the drop shadow, make it the same color as the background
To make the button drop down when pressed, change its top and left margin slightly.
To make your buttons line up horizontally use the following styling:
To separate the buttons from the <div> that contains the text to be changed, use a <p> tag.