html {
  padding: 0;
}

body {
  background: #fff;
  color: #000;
  padding: 0;
  margin: 0;
}

header {
  background: #c0f0ff;
}

section {
  padding: 0 1em 0 1em;
}

h2 {
  background: #c0c0c0;
  margin: 0;
  padding: 0.1em 0.1em 0.1em 0.25em;
  border-radius: 0.25em 0.25em 0 0;
}

main {
  margin: 0 10% 0 10%;
  width: 80%;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: #fff;
}

#outermain {
  background: #109ec9;
}

.cardtext {
  padding-top: 0.25em;
  background: #f0f0f0;
}

a, :link, :visited {
  color: #00f;
  background: transparent;
  text-decoration: none;
}

a:hover, :link:hover, :visited:hover {
  color: #00f;
  background: #ff0;
  text-decoration: underline;
}

img#logo {
  vertical-align: bottom;
}