Hi, this is an example post. This is #2. Notice how the link in your address bar automatically links to /blog#2 or blog/#2 (depending on how your website handles trailing slashes: they function the same).
Here's another image to stretch this poste out to demonstrate the scrolling.

All your postes inherit the CSS of index.html. If you look at index.html's CSS, you'll see the following:
body{background:#e7e4db;color:black;padding:2% 5%;}
.sample-class {color:green; font-size:1.5em;}
.sample-title {color:red; font-size:2em;}
.nav-link {border-radius:5px;background-color:#acbfa0;color:#212121;font-family:"Courier";}
img {max-width:100%;}
a {text-decoration:none;color:#dd6d4e}
a:visited {color:#9854ad;}
a:hover {font-style:italic;}
This paragraph has the class sample-class. As you can see, it follows index.html's CSS. There is no CSS information here in 2.html itself.
This paragraph has the ID duck. As you can see, it's unstyled, because index.html has no styling information declared for #duck.
Press "Older" below to see another sample post, and to read more about CSS.