--- id: 5f45b3c93c027860d9298dbd title: Part 83 challengeType: 0 --- ## Description

You change properties of a link when the mouse hovers them by using a pseudo-selector that looks like `a:hover { propertyName: propertyValue; }`. Change the color of the footer `Visit our website` link to be `brown` when a user hovers over it.

## Tests

```yml tests: - text: Test 1 testString: '' ```

## Challenge Seed

```html Camper Cafe Menu

CAMPER CAFE

Est. 2020

Coffees

French Vanilla

3.00

Carmel Macchiato

3.75

Pumpkin Spice

3.50

Hazelnut

4.00

Mocha

4.50

Desserts

Donut

1.50

Cherry Pie

2.75

Cheesecake

3.00

Cinammon Roll

2.50

```

```css body { background-image: url(https://tinyurl.com/coffee-beans-fcc); font-family: sans-serif; padding: 20px; } h1 { font-size: 40px; } h2 { font-size: 30px; } .established { font-style: italic; } h1, h2, p { text-align: center; } .menu { width: 80%; background-color: burlywood; margin-left: auto; margin-right: auto; padding: 20px; max-width: 500px; } hr { height: 2px; background-color: brown; border-color: brown; } .bottom-line { margin-top: 25px; } h1, h2 { font-family: Impact, serif; } .item p { display: inline-block; margin-top: 5px; margin-bottom: 5px; font-size: 18px; } .flavor, .dessert { text-align: left; width: 75%; } .price { text-align: right; width: 25% } /* FOOTER */ footer { font-size: 14px; } a { color: black; } a:visited { color: grey; } --fcc-editable-region-- --fcc-editable-region-- ```