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}