html, body {
    background-color: #424040;
    color: cornflowerblue;
    font-family: 'Work Sans', sans-serif;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

#search {
    display: block;
    position: absolute;
    margin-left: 15%;
    width: 70%;
    height: 15%;
    background-color: #424040;
}

#searchBox {
    width: 68%;
    height: 90%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 65%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 150%;
}

input[type=text] {
    border: 10px solid darkred;
    border-radius: 5px;
    box-sizing: border-box;
}

input[type=text]:focus {
    border: 10px solid darkgreen;
}

.selectorButton {
    display: inline-block;
    text-align: center;
    width: 14%;
    height: 100%;
    margin: 0;
    float: left;
    position: relative;
}

h3 {
    font-size: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#results {
    top: 15%;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}

#traffic {
    background-color: #121212;
    position: relative;
    top: 0;
}

#ordinance {
    background-color: #49243E;
}

h1 {
    margin-left: 3%;
}

.oList {
    margin-top: 5%;
    border: 3px solid gray;
    border-radius: 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
}

.oTable {
    width: 100%;
    table-layout: fixed;
    font-size: 24px;
}

table, th, td {
    border: 1px solid gray;
    text-align: left;
    word-break: normal;
}

td:first-of-type {
    width: 10%;
}

td:nth-of-type(3) {
    width: 15%;
}

td:nth-of-type(4) {
    font-size: 70%;
}

#ordTable td:first-of-type {
    width: 15%;
}
#ordTable td:nth-of-type(2) {
    width: 35%;
}
#ordTable td:nth-of-type(3) {
    width: 50%;
}

tr:nth-child(even) {background-color: dimgrey;}

#lawPage {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: 0 -50% 0 0;
    transform: translate(-50%, -50%);
    width: 75%;
    height: 50%;
    z-index: 1;
}