body, ul {
  margin: 0;
  padding: 0;}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #2c2c2c;
}
  
header {
  background-color: #0f0f2b;
  padding: 10px;
  border-bottom: 1px solid #89a9ee;
  font-family: Arial, Helvetica, sans-serif;
  position: sticky;
  top: 0;}
  
nav ul {
  list-style-type: none;}
  
nav ul li {
  display: inline;
  margin-right: 10px;}
  
nav ul li a {
  color: #fff;
  text-rendering: optimizeLegibility;
  text-decoration: none;}



nav ul li.right {
  float: right;}

nav ul li.slash {
  pointer-events: none;
  padding: 0 5px;
  color: #fff;}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* tiled background image (falls back to background-color if image unavailable) */
  background-image: url('https://cdn.returntocrab.com/assets/img/bubbles.gif');
  background-repeat: repeat;
  background-position: top left;
  background-size: auto;
  background-color:darkblue;
  color: rgb(217, 214, 209);
  text-rendering: optimizeLegibility;
}

body p a {
  color: #ec6666;
}

footer a {
  color: #fff;
}

main {
  flex-grow: 1;
  width: 50%;
  margin: 0 auto;
  padding: 20px;}
  
footer {
  background-color: #0f0f2b;
  border-top: 1px solid #89a9ee;
  color: #fff;
  text-rendering: optimizeLegibility;
  padding: 10px;
  text-align: center;}
  
  @media screen and (max-width: 768px) {
    main {
      width: 90%;
    }
    nav ul li.links {
    visibility: hidden;}
  }