/*Created by: Kailynn Anderson
Course: ITWP 1050 - Basic Web Design - CSS
This assignment requires me to use my new knowledge of CSS Selectors */

/* This section formats the body of the document */

body {
    margin: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: center;
    padding: 70px;
}
/*font color and background color throughout the document */
* {
    color: rgb(102, 51, 153);
    background-color: rgb(245, 220, 245);
}
/*increase the font size for all h3 elements */
h3 {
    font-size: 2em;
}
/* image styles */
img {
    border: solid 5px rgb(139, 0, 0);
    border-radius: 10px;
    width: 780px;
    height: 438px;;
}
#intro-img img {
    height: 780px;
}
 
/* horizontal rule style */
hr {
    border: solid 3px rgb(139, 0, 0);
}

/* source formatting */

.source-1::after, .source-2::after, .source-3::after {
content: ' (external)';
color: rgb(139, 0, 0);
}

/* footer formatting */

footer {
    margin-top: 50px;
    margin-bottom: 50px;
}