.headerImage {
    width: 100%;
}

html {
    background-color: white;
}
body {
    font-family: phoreuscherokee,serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
}

a {
    text-decoration: none;
    color: maroon;
}

a:hover, a:focus {
    outline: 2px solid maroon;
}

h2 {
    text-align: center;
}

table, th, td {
    border: 2px solid black;
    padding: .5rem;
    border-collapse: collapse;
}

table {
    margin: 0 auto;
    max-width: 99%;
}

h3 {
    text-align: center;
    font-weight: normal;

}



@media only screen and (max-width: 500px) {
    .stanceTable {
        font-size: 1rem;
    }
}
@media only screen and (min-width: 952px) {
    .headerImage {
        display: block;
        width: 40%;
        margin: 0 auto;
        padding: 4rem;
    }

    
}