body {
  color: black;
  font-family: Georgia, serif;
  text-align: center;
  margin: 0;
  padding-bottom: 40px;
  background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='0.07'%3E%3Ccircle cx='200' cy='200' r='190'/%3E%3Ccircle cx='200' cy='200' r='150'/%3E%3Ccircle cx='200' cy='200' r='110'/%3E%3Ccircle cx='200' cy='200' r='70'/%3E%3Ccircle cx='200' cy='200' r='30'/%3E%3Cpath d='M200 10 L200 390 M10 200 L390 200 M65 65 L335 335 M335 65 L65 335'/%3E%3Cellipse cx='200' cy='90' rx='28' ry='75'/%3E%3Cellipse cx='200' cy='310' rx='28' ry='75'/%3E%3Cellipse cx='90' cy='200' rx='75' ry='28'/%3E%3Cellipse cx='310' cy='200' rx='75' ry='28'/%3E%3C/g%3E%3C/svg%3E") repeat;
}
.banner { font-size: 26px; letter-spacing: 3px; border-bottom: 1px solid black; padding: 15px; background: white; }
.tabs { margin: 20px 0; }
.tabs a { color: black; border: 1px solid black; padding: 8px 16px; margin: 4px; text-decoration: none; display: inline-block; background: white; }
.tabs a:hover { background: black; color: white; }
h1 { font-size: 44px; margin: 30px 0 10px; }
.symbols { font-size: 56px; margin: 10px 0; }
p { max-width: 560px; margin: 14px auto; padding: 0 20px; line-height: 1.6; background: rgba(255,255,255,0.85); }