/* 
Course: ITWP 1050
Assignment: Homework 2
*/

/* This selector styles the entire body of the webpage */
body {
    margin: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
}


/* This universal selector sets the text color for all elements */
* {
    color: darkslategray;
}

/* This selector styles the main heading */
h1 {
    margin-bottom: 20px;
}

/* This selector improves paragraph readability and spacing */
p {
    line-height: 1.8;
    max-width: 700px;
    margin: 0 auto 20px auto;
    white-space: pre-line;
}


/* Fix footer so it does not copy the poem formatting */
footer p {
    white-space: normal;
}

/* This selector styles the footer spacing */
footer {
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Keep footer links on one line */
footer a {
    display: inline;
    margin: 0;
}

/* This selector styles all images with a border and rounded corners */
img {
    border: 1px solid black;
    border-radius: 10px;
    width: 250px;
    display: block;
    margin: 0 auto 20px auto;
}

/* Keep source link on one line */
.source-link {
    white-space: nowrap;
}

/* This pseudo-element adds "(external)" after the source link */
.source-link a::after {
    content: " (external)";
    color: red;
}