/* ------------------------------------------------------------ */
/* ------------------ General --------------------------------- */
/* ------------------------------------------------------------ */
body {
  background: #000000;
  color: #c0c0c0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
  max-width: 800px;
  margin: auto;
}

body h1 {
  text-align: center;
}
/*
main {
  max-width: 800px;
  margin: auto;
}
*/

.dark-mode {
  color: white;
  background: black;
}

.light-mode {
  color: black;
  background: white;
}

a {
  color: #10602a;
  text-decoration: none;
}

/* ------------------------------------------------------------ */

/* Header formatting */

.header {
  text-align: center;
}
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */

/* Format lines*/
hr {
  border: 2px solid #c0c0c0;
  margin: 20px 0 20px 0;
}

/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */

/* Grid with base information */
.contentBox {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  /*grid-auto-columns: minmax(10px, auto);*/
}

/* ------------------------------------------------------------ */

/* Footer formatting */
footer {
  text-align: center;
  clear: both;
  /*color: white;
  padding: 50px;
  font-size: 10px;*/
}

/* ------------------------------------------------------------ */