# 3.2: Introduction CSS

## Style the header

In `style.css`, below the existing rules, add some rules to push the `<h1>` further down the page, move it to the middle of the row, and make it a little bigger.

```css
/* Introduction Section */

h1 {
  text-align: center;
  font-size: 48px;
  margin-top: 150px;
}
```

![H1 Styled](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8oBusgIxrlBCe1ur%2F3.2-h1-styled.png?generation=1524162327186360\&alt=media)

![H1 Styled Result](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8oCJJ9TRzzruBavU%2F3.2-h1-styled-result.png?generation=1524162330187387\&alt=media)

## Style the paragraph

Now style the paragraph. We want it horizontally centered with italic font, and let's use the Verdana font for the whole paragraph. Let's also style the `<a>` tag inside this paragraph with the darker blue color.

```css
#top p {
  text-align: center;
  font-size: 24px;
  font-style: italic;
  font-family: Verdana, sans-serif;
  margin-bottom: 64px;
}

a {
  color: #000064;
  font-style: italic;
}
```

![P Styled](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8oECN1TOlohetIED%2F3.2-p-styled.png?generation=1524162327186099\&alt=media)

![P Styled Result](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8oEfD-coPRipcVFw%2F3.2-p-styled-result.png?generation=1524162335820707\&alt=media)

## Next Section

Okay, that was a pretty simple section to get started with. Next let's tackle the "Facts" section... this section will have an image and a list - a bit more complicated. Let's dive in! Go to [4.1: Facts](https://eleven-fifty-academy.gitbook.io/intro-to-coding/part-4-facts/4.1-facts-html).