*:before, *:after {
  box-sizing: border-box
}

* {
  font-family: Tahoma, sans-serif;
  box-sizing: border-box;
}

:root {
  --font-size: 1rem;

  --base-color: #0062C1;

  --a-link: #0E9BFF;
  --a-visited: #0E9BFF;
  --a-hover: #005D9C;
  --a-active: #000052;

  --dark-color: #2A2E34;
  --lite-color: #F6F6F6;
  --gray-color: #9A9A9A;
}

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

hr {
  background: var(--lite-color);
  border: 0;
  height: 2px;
}

a { text-decoration: none; }
a:link {
  color: var(--a-link);
}
a:visited {
  color: var(--a-visited)
}
a:hover {
  color: var(--a-hover);
}
a:active {
  color: var(--a-active);
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.50rem 0;
}

.admin-bar #wrap {
  top: 32px;
}

@media all and (max-width: 782px) {
  .admin-bar #wrap { top: 46px; }
}

#site {
  max-width: 640px;
  margin: 1rem auto;
  border: 1px solid var(--base-color);
  color: var(--dark-color);
  border-radius: 0.50rem;
  padding: 1.00rem;
  background: var(--lite-color);
  opacity: 0.9;
}