body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(130, 203, 137);
  margin-left: auto;
  margin-right: auto;
  max-width: 1024px;
  min-width: 8px;
  padding-top: 8px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  border: 10px solid Gray;
}
html {
  background: radial-gradient(circle, rgb(61, 150, 228), rgb(61, 150, 228) 50%, rgb(255, 255, 255) 50%, rgb(61, 150, 228));
  background-size: 8px 8px;
}
img {
  width: 400px;  /* Prevents the image from being wider than its container */
  height: auto;     /* Keeps the original aspect ratio so it doesn't stretch */
  border-radius: 30px;
  border-color: #111111;
  border-width: 10px;
}
nav ul {
  list-style-type: none;
  background-color:#4991f6;
  border: 4px solid #111111;
  border-radius:10px;
  font-family: Arial, Helvetica, 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;
}
nav li a:hover {
  text-decoration:underline;
}
a:link {
  color:blue;
}
a:visited {
  color:purple;
}
a:active {
  text-decoration:underline;
  background-color: black;
  color: white;
}
p.word-bord {
  font-weight:bold;
  border:4px solid #036c8f;
  border-radius: 10px;
  padding:16px;
  background: color #7bb7d0;
}
table {
  font-size:70%;
  border-collapse:collapse;
  width:100%;
}
th, td {
  border:1px solid #000000;
  padding:8px;
  text-align:left;
}
th {
  background-color:#50b79a;
}
td {
  background-color:#3894a6;
}