#banner {
background-color:yellow;
text-align: center;
}
header {
background-image: url(bannerBackground.png);
background-repeat:no-repeat; /* Do not repeat the image */
color: lightblue;
background-size: cover; /* Resize the background image to cover the entire container */
/*Comments: You may use your own image from local. Go to W3schools : CSS : CSS Image-Sprites for
more image from CSS. (https://www.w3schools.com/css/css_image_sprites.asp ) You may use other
format like below: background-position:left-side; */
}
#banner h1 {
color: red;
}
#banner h2.author {
color: red;
}
#banner p.homepage {
background-color:blue;
}