.content {
    display: flex;
    flex-direction: column;
    max-width: 650px;
    min-height: 250px;
    position: relative;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 17px;
    padding-right: 17px;
    margin: auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.body {
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0;
    padding: 0;
    color: black;
}

#output {
    table-layout: fixed;
    width: 100%;
}

#output td {
    position: relative;
    border: 1px solid;
}

#outputHeader {
    font-size: 75%;
    text-align: center;
}

#headerSpacer {
    width: 18%;
}

#startFinish {
    width: 300px;
    text-align: center;
}

#roa {
    width: 12%;
    text-align: center;
}

#elong {
    width: 12%;
    text-align: center;
}

#delta {
    width: 12%;
}

.footer {
    position: relative;
    bottom: 15px;
    width: 100%;
    font-size: 75%;
    margin: auto;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.results {
    font-size: 200%;
    margin: auto;
}

.results h1 {
    font-family:'Courier New', Courier, monospace;
}

#vanity {
    font-family: serif;
    font-style: oblique;
    font-size: 0.8em;
}