This page width is based on 1065px - 1035px + 15px margin-left and 15px margin-right

This is an example of the H1 style and because I need to show the line height, too, I will write a bit more text so it can be seen.

font-size: 48px; line-height: 70px; color: #283E63;

 

 

This is an example of the H2 style and because I need to show the line height, too, I will write a bit more text so it can be seen.

font-size: 36px; line-height: 45px; color: #283E63;

 

 

This is an example of the H3 style and because I need to show the line height, too, I will write a bit more text so it can be seen.

font-size: 30px; line-height: 36px; color: #283E63; font-weight:300;

 

 

Perhaps this for an H4 style and because I need to show the line height, too, I will write a bit more text so it can be seen.

font-size: 30px; line-height: 36px; color: #283E63; font-weight:500;

 

This is an example of the P style and because I need to show the line height, too, I will write a bit more text so it can be seen. I need even more text for this little guy here so we can get a much better idea of how it looks like.

font-size: 20px; line-height: 30px; color: #23272A;

 

Medium

 

A Large Button

Existing Button Styles

HOW IT WORKS

Hoverable Buttons

Use the :hover selector to change the style of the button when you move the mouse over it.

Tip: Use the transition-duration property to determine the speed of the "hover" effect: