Child theme now looks like a dogs dinner…

Hi there,

After spending 3 hours trying to make a child theme from all the resources (on WP and google) that I have seen I have got as far as this dogs dinner that can be found here:

https://www.fatigue-symptoms.com/wp-admin/themes.php#wp_customize=on&theme=twentyeleven-child

I was interested in working on the child theme from now on to avoid losing changes in updates etc to the parent and added this css file below with a few basic changes into the child folder in the content/themes directory just to make sure I could see the difference between parent and child. Judging from the result I don’t think there was any danger of that.

It should look like the unfinished parent site here:
https://www.fatigue-symptoms.com/

Here’s the css file

/*
Theme Name: Twenty Eleven Child
Theme URI: https://www.fatigue-symptoms.com/
Description: Child Theme for Twenty Eleven
Author: Ian
Author URI: https://www.fatigue-symptoms.com/contact
Template: twentyeleven
Version: 0.1
*/

@import url("../twentyeleven/style.css");

body {
    color: #3f3f3f;
}

#site-title a {
    color: #009900;
}

I have no idea why the child theme site has ended up looking the way?

What went wrong?

Thanks in advance for any help,