body {
                font-family: Arial, Helvetica, sans-serif; 
                background-image: repeat;
                background-image: url(background.jpg);
            }
            /* # signifies div with id */
            #wrapper {
                width: 1000px;
                margin-left: auto;
                margin-right: auto;
                border: 2px solid #000000;
            }

            header {
                background-color: #462255;
                color: #FFFFFF;
                text-align: center;
                padding: 8px;
            }

            nav {
                font-weight: bold;
                font-size: 1.25em;
                background-color: #7EE081;
                text-align: center;
                padding: 0px;
                border-top: 2px solid #1B0D30;
                border-bottom: 2px solid #1B0D30;
            }
            /* only applies to anchors in nav */
            nav a {
                text-decoration: none;
                padding: 4px;
                display: block;
                width: 150px;
                color: #313B72;
            }
            /* what happens when someone hovers mouse over anchor */
            nav a:hover {
                color: #000000;
            }
            /* gets rid of that white space between nav and header */
            nav ul {
                margin: 0px;
            }
            /* puts links in row instead of column */
            nav li {
                display: inline-block;
                text-align: center;
            }

            main {
                background-color: #C3F3C0;
                color: #000000;
                padding: 2em;
            }
            
            footer {
                background-color: #462255;
                color: #FFFFFF;
                text-align: center;
                padding: 8px;
                font-style: italic;
                padding: 0.5em;
            }

            table {
                border: 1px solid black;
                border-collapse: collapse;
                width: 50%;
            }
            /* table heading and table data */
            th, td {
                margin: 0px;
                padding: 3px;
            }
            /* psuedo class that'll add a stripe to every even row */
            tr:nth-child(even) {
                background-color: #7EE081;
            }