html {
  overflow-y: scroll; }

* {
  box-sizing: border-box;
  background-color: black; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif; }

:not(a) {
  color: #bebebe; }

a {
  color: #2d9afb;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:visited {
  color: #800080; }

.right {
  text-align: right; }

.center {
  text-align: center; }

.red {
  color: red; }

.floatleft {
  float: left; }

.floatright {
  float: right; }

/* The grid container */
.grid-container {
  display: grid;
  grid-template-areas: "logo     header header header header" ".        topmenu topmenu topmenu topmenu" "leftmenu main main main main" "leftmenu footer footer footer footer";
  /* grid-column-gap: 10px; - if you want gap between the columns */ }

/* Style the header */
.header {
  grid-area: header;
  padding-left: 35px;
  padding-right: 45px;
  padding-bottom: 0;
  padding-top: 30px;
  text-align: center; }

.logo {
  grid-area: logo;
  padding: 10px;
  padding-left: 20px;
  padding-right: 0px;
  float: right;
  padding-bottom: 0; }

.logo img {
  width: 220px; }

/* Style the left column */
.leftmenu {
  grid-area: leftmenu;
  padding: 10px;
  width: 230px;
  padding-left: 0px; }

.leftmenu ul {
  list-style-type: none; }

.leftmenu li {
  margin: 10px 0; }

.topmenu {
  grid-area: topmenu;
  text-align: center; }

/* Style the main column */
.main {
  grid-area: main;
  padding: 10px; }

/* Style the footer */
.footer {
  grid-area: footer;
  padding: 10px;
  text-align: center; }

.credits {
  font-size: small; }

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
  .grid-container {
    grid-template-areas: 'logo logo logo logo logo' 'header   header   header   header   header' 'topmenu topmenu topmenu topmenu topmenu' 'leftmenu leftmenu leftmenu leftmenu leftmenu' 'main     main     main    main main' 'footer footer footer footer footer'; }

  .logo img {
    width: 100%; }

  .leftmenu {
    width: 80%; } }
.facts_table {
  border-spacing: 10px; }

.facts_table td {
  color: black;
  background-color: #808080;
  padding: 5px; }

.facts_table td:nth-child(2) {
  color: #bebebe;
  background-color: #232323; }

.facts_table td strong {
  color: black;
  background-color: #808080; }
