body {
  background-color: thistle;
  border: 2px solid gray;
  font-family: sans-serif;
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  min-width: 256px;
  padding-top: 8px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}
html {
  background: radial-gradient(circle, skyblue, skyblue 50%, lightcyan 50%, skyblue);
  background-size: 8px 8px;
}
nav ul {
list-style-type:none;
background-color:#B577B5;
border: 4px solid #111111;
border-radius: 10px;
font-family:sans-serif;
font-weight:bold;
padding: 16px;  
}
nav ul li {
display:inline;
border-right: 2px solid #111111;
padding-right: 8px;
padding-left: 8px;
}
nav ul li:last-child {
border-right:none;
}
nav ul li a {
text-decoration:none;
color:#111111;
}
  nav li.selected {color:#606060;}
p.top-tip {
border:4px #00AFEB;
border-radius: 10px;
padding:16px;
background-color: #C5EBFB;
}
p.top-tip {
  color: Black;
  content: "TOP TIP: ";
  font-weight: bold;
}
table {
  font-size:70%;
  border-collapse: collapse;
  width: 100%
}
th, td {
  border:1px solid #000000;
  padding: 8px;
}
th {
  background-color: #FCAB68;
}
td {
  background-color: #BA99C0;
}
nav li a:hover {
  text-decoration: underline;
}
a:link {
  color: black;
}
a:visited {
  color: black;
}
a:hover {
  text-decoration: underline;
}
a:active {
  text-decoration: underline;
  background-color: black;
  color: white;
}