/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@400;700&display=swap');

/* Reset */
/* *{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    border: 0px;
} */
.clearfix {
    overflow: auto;
}

body {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0;
}

a,
a:link {
    color: #666666;
}

a:visited {
    color: #3b3d3f;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

p {
    font-size: 16px;
    line-height: 26px;
    color: #424242;
}

h1 {
    color: #981E32;
    font-weight: 700;
}

table.table {
    font-family: 'Roboto Mono', monospace;
}

table.table th,
td {
    padding: 8px 12px;
}

table.table th {
    color: #FFF;
    background: #53565A;
}

table.table th a,
table.table th a:link {
    color: #FFF;
}

table.table th a:visited {
    color: #FFF;
}

table.table tr:nth-child(odd) {
    background: #f2f2f2;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: center;
}

/* Styling */
header {
    box-shadow: inset 0 -0.375rem 0 #53565A;
    background-color: #981E32;
}

header p {
    font-size: 1.25rem;
    margin: 0 auto;
    padding: 16px;
    width: 75%;
}

header a:link,
header a:visited {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}

#content {
    background: #FFF;
    margin: 50px auto;
    padding: 16px;
    width: 75%;

}