/*
 * Started : 14-AUG-2025
 * Updated : 21-AUG-2025
 */

/*
 * This stylesheet accompanies: Building a static website (part 4) blog post.
 */

body
{
   background-color: white;
   color: black;
   font-size: 100%;
}

h1
{
   font-size: 2rem;
}

h2
{
   font-size: 1.6rem;
}

h3
{
   font-size: 1.4rem;
}

img
{
   max-inline-size: 100%;
   block-size: auto;
}

/*
 * CSS for the top navigation menu.
 * We set the list not to display any visible bullets and reduce the
 * margin and padding 20 pixels.
 * The list element is set to display mode "inline", which means
 * the items in the list will appear next to each other.
 * We also set the width of the icon graphic to be 40 pixels.
 */
nav ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

nav li
{
   display: inline;
}

nav img
{
   width: 40px;
}

/*
 * CSS to style the "published" section, which displays a small
 * calendar icon and the published and updated dates.
 * We simply set the height of the IMG element (which is the calendar icon)
 * to "1em", to match the font size.
 */
section.published img
{
   height: 1em;
}