/* CSS Document used for the project1
Author: Charlie Vue
Course: ITWP 1000
File: style.css
Information on using external CSS style is located in Chapter 3. Information on media queries is located in Chapter 7. Information on tables and CSS formatting for tables is located in Chapter 8.
*/

body {
    margin-top: 1em;
    margin-bottom: auto;
    font-family: Arial, sans-serif;
}

h1 {
    color: #000205;
    text-align: center;
}

h2 {
    color: #02070d;
}

/* header style */
header {
    text-align: center;
    margin-bottom: 20px;
}

img.responsive {
    max-width: 100%;
    height: auto;
}

/* navigation style */
nav {
    background-color: #2980b9;
    padding: 10px;
    text-align: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    padding: 10px;
    transition: background-color 0.3s;
}

/* main style */
main {
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

/* footer style */
footer {
    text-align: center;
    padding: 10px;
    background-color: #2980b9;
    color: white;
    position: relative;
    bottom: 0;
    width: 100%;
}

footer a {
    color: white;
}