html, body, div, h1, header,section, table, th, td, tr{
margin: 0;
padding: 0;
border: 0;
}
body {
font-family: sans-serif;
margin: 0 auto;
background-color: #f4f4f4;
}
header {
background-color: #0062cc;
padding: .5em;
margin: 0 auto;
}
header h1 {
font-size: large;
text-transform: uppercase;
}
header > h1 > a {
color: white;
text-decoration: none;
}
main {
margin: 1em;
}
table {
display: block;
border-spacing: 0;
width: 100%;
overflow:auto;
margin-top: 1em;
}
th.fixed, td.fixed {
width: 100px;
overflow: hidden;
}
th {
padding: 1em;
text-align: left;
}
td {
padding: 1em;
overflow: hidden;
white-space: nowrap;
border-top: 1px solid #ccc;
}
form {
width: 70%;
max-width: 500px;
}
form input {
width: 100%
}
form label {
display: block;
}
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.field {
margin-bottom: 1em;
}
a.button, button {
display: inline-block;
padding: .1rem .75rem;
background: #e9ecef;
border: #343a40 1px solid;
font-size: .9rem;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
color: #000;
border-radius: 0;
text-decoration: none;
transition: 0.5s all;
align-self: flex-start;
}
a.button:hover {
background-color: #fff;
}