-table {
- border-collapse: collapse;
- margin: 25px 0;
- font-size: 0.9em;
- font-family: sans-serif;
- min-width: 400px;
- box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-}
-
-td {
- text-align: left;
- padding: 8px;
-}
-
-th {
- text-align: left;
- padding: 8px;
- background-color: #4B86EE;
- color: white;
-}
-
-th:first-of-type {
- border-top-left-radius: 10px;
- color: white;
-}
-
-th:last-of-type {
- border-top-right-radius: 10px;
- color: white;
-}
-
-tr:last-of-type td:first-of-type {
- border-bottom-left-radius: 10px;
-
-}
-
-tr:last-of-type td:last-of-type {
- border-bottom-right-radius: 10px;
-}
-
-tr:nth-child(even) {
- background-color: #bec8d3;
-}
-
-tr:nth-child(odd) {
- background-color: whitesmoke;
-}
-
-html {
- height: 100%;
- /* for the page to take full window height */
- box-sizing: border-box;
-
- /* to have the footer displayed at the bottom of the page without scrolling */
- font-family: arial, sans-serif;
-
-}
-
-*,
-*:before,
-*:after {
- box-sizing: inherit;
- /* enable the "border-box effect" everywhere */
-}
-
-.body-for-sticky {
- position: relative;
- /* for the footer to move with the page size */
- min-height: 100%;
- /* for the footer to be at the bottom */
-}
-
-.footer {
- font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
- position: fixed;
- left: 0;
- bottom: 0;
- width: 100%;
- background-color: #333;
- color: white;
- text-align: center;
-}
-
-
-.footer a {
- color: #4B86EE;
-}
-
-.row {
- display: flex;
-}
-
-.column {
- flex: 50%;
- padding: 5px;
-}