syntax rules for css. first is the CSS selector which is "button" in this case. it is the element we're targeting inside squiggly brackets; bg color is the css property. right of the colon is the css value. semi colon acts as a period! px means pixels. start with a dot to target a class! the colon hover is called a pseudo class. ALWAYS put transition in the og css style. not the pseudo classes