/* Global styles for the document */
body {background-color: #EAEAEA;
    color: black;
    font-family: Arial, Verdana, sans-serif;
    white-space: normal;}
/* Style rule for the wrapper ID */
#wrapper {
    background: linear-gradient(white, navy);
    min-width: 960px;
    max-width: 2048px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    margin: 25px 50px; 
    padding: 5px;}    
/* Styles for the header element */
header {background-color: white;
    height: 175px;
    color: #FFFFFF; 
    font-family: Georgia, serif;
    padding-bottom: .5em;}
/* Styles for the h1 element */
h1 {font-family: Georgia;
    font-weight: bolder;
    color: gold;
    border-color: deeppink;
    background-color: navy;
    text-shadow: 2px 2px deeppink;
    text-align: center;
    font-size: 4em;
    letter-spacing: .1em;
    padding-top:.5em; 
    padding-bottom: .25em;}
/* Styles for the main element */
main {background: linear-gradient(white, steelblue);
    overflow: auto;
    padding-left: 2.5em; 
    padding-right: 2.5em;
    display: flex;}
section {display: flex;
    align-items: center;
    padding-bottom: 2.5em;
}
/* Styles for the h2 element */
h2 {color: navy;
    font-weight: bolder;
    text-shadow: 1px 1px gold;
    font-family: Georgia, serif;
    margin-top: 10px;
    align-items: center;
}

table {width: 75%; 
    margin: auto;
    font-family: arial;
    border: 1px solid;
    background-color: white;
}
caption {color: navy;
    font-weight: bolder;
    font-size: 2em;
    text-shadow: 1px 1px gold;
    font-family: Georgia, serif;
    margin-top: 10px;
}
td {font-family: arial;
    border: 1px solid;
    padding-left: 1em;
}
th {font-weight: bold;
    font-family: arial;
    border: 1px solid;
    color: navy;
    background-color: gold;
}
/* Styles for the footer element */
footer {background-color: gold;
    clear: left;
    font-size:.70em; 
    font-style: italic;
    padding:1em;}