body {
  font-family: Verdana, Arial, sans-serif;
  background: linear-gradient(#ffffff, #cccccc);
  margin: 0;
}
header, footer {
  background: #003366;
  color: #ffffff;
  padding: 5px;
}
nav a {
  color: #ffffff;
  margin-right: 10px;
  text-decoration: none;
}
button {
  border: 2px outset #eeeeee;
  background: #dddddd;
  padding: 4px 10px;
  cursor: pointer;
}
button:active {
  border-style: inset;
}
.spinner {
  width: 16px;
  height: 16px;
  display: inline-block;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.error {
  color: red;
  margin-top: 10px;
}
.badge {
  width: 88px;
  height: 31px;
  image-rendering: pixelated;
  border: 1px solid #000;
}