/*
    Name:    Farris Qureshi
    Course:  ITWP 1050
    Assignment: Homework 2 – Element Selectors, ::after Pseudo-Element, External CSS
*/

/* Universal selector – sets the text color for all HTML elements on the page */
* {
    color: #2c2c2c;
}

/* Body element selector – sets margin, font family, font size, and centers text */
body {
    margin: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
}

/* Footer element selector – sets top and bottom margins to 50px */
footer {
    margin-top: 50px;
    margin-bottom: 50px;
}

/* Image element selector – adds a solid black border and rounded corners */
img {
    border: 1px solid black;
    border-radius: 10px;
}

/* .external-link::after – displays "(external)" in color after the source link */
.external-link::after {
    content: " (external)";
    color: #1a6fbf;
}