Part $7$ Style the reservations page

We will first style all of the text boxes and the text area. Select these form control elements,

$($Hint: since we don't want these styles to be applied to the button, we will need to use attribute

selector$)$

set the border to $2$px$,$ solid, and of color #$0$C$3$b$2$e;

to add some space between elements, set the bottom$-$margin to $0\mathrm{.}5$ rem

set the width to $60\%$ so that they all have the same size

set the padding to $0\mathrm{.}6em$ so that the boxes are taller

Select the textarea element, and set the height to $8em.$ This gives users $8$ rows of input before a

scroll bar appears.

Select the button,

set the background$-$color to #$0$c$3$b$2$e;

set the color to white;

set the font$-$size to $1\mathrm{.}25$rem;

make the text bolded;

set the padding to $0\mathrm{.}5em$ on the top and bottom and $1em$ on the left and right;

set the border radius to $5px$ to get a round corner.