midr @ cab4432ec6a3e93286f219a8e6df0c7a57682c5d

  1html, body, div, h1, header,section, table, th, td, tr{
  2	margin: 0;
  3	padding: 0;
  4	border: 0;
  5}
  6
  7body {
  8    font-family: sans-serif;
  9    margin: 0 auto;
 10    background-color: #f4f4f4;
 11}
 12
 13header {
 14    background-color: #0062cc;
 15    padding: .5em;
 16    margin: 0 auto;
 17}
 18
 19header h1 {
 20    font-size: large;
 21    text-transform: uppercase;
 22}
 23
 24header > h1 > a {
 25    color: white;
 26    text-decoration: none;
 27}
 28
 29main {
 30    margin: 1em;
 31}
 32
 33table {
 34    display: block;
 35    border-spacing: 0;
 36    width: 100%;
 37    overflow:auto;
 38    margin-top: 1em;
 39}
 40
 41th.fixed, td.fixed {
 42  width: 100px;
 43  overflow: hidden;
 44}
 45
 46th {
 47    padding: 1em;
 48    text-align: left;
 49}
 50
 51td {
 52    padding: 1em;
 53    overflow: hidden;
 54    white-space: nowrap;
 55    border-top: 1px solid #ccc;
 56}
 57
 58form {
 59    width: 70%;
 60    max-width: 500px;
 61}
 62
 63form input {
 64    width: 100%
 65}
 66
 67form label {
 68    display: block;
 69}
 70
 71.container {
 72    display: flex;
 73    flex-direction: column;
 74    justify-content: center;
 75    align-items: center;
 76}
 77
 78.field {
 79    margin-bottom: 1em;
 80}
 81
 82a.button, button  {
 83  display: inline-block;
 84  padding: .1rem .75rem;
 85  background: #e9ecef;
 86  border: #343a40 1px solid;
 87  font-size: .9rem;
 88  font-weight: 400;
 89  line-height: 1.5;
 90  cursor: pointer;
 91  color: #000;
 92  border-radius: 0;
 93  text-decoration: none;
 94  transition: 0.5s all;
 95  align-self: flex-start;
 96}
 97
 98a.button:hover {
 99    background-color: #fff;
100}